2.4.5 行为:改变元素属性

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 本小节内容,如下图,观察元素的“属性”面板,在“属性”面板下无论是宽、高、左、上、透明度等可提取到的数值都可作为改变元素属性的属性。

2.4-59_.png

图2.4-59

如下图,命名图像为“Mugeda”

2.4-60_.png

图2.4-60

在“改变元素属性”按钮元素上添加改变元素属性行为。点击“舞台”上“改变元素属性”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“属性控制”→“改变元素属性”→触发条件:点击。点击“编辑”按钮进入“参数”对话框

2.4-61_.png

图2.4-61

在“参数”对话框内设置参数:
元素名称:“Mugeda”;
元素属性:“透明度”;
赋值方式:“用设置的值替换现有值”;
取值:“20”。
点击“确认”。即设置好了点击“改变元素属性”按钮,图像(Mugeda)的透明度值即从100变成20。

2.4-62_.png

图2.4-62

点击预览效果

2.4-63_.png

图2.4-63

同理,点击“改变元素属性”按钮元素的“添加/编辑行为”按钮,点击“编辑”按钮,在“参数”对话框内改变“元素属性”为“左”,其他参数不变。即设置好了点击“改变元素属性”按钮,图像(Mugeda)“左”的取值由原来数值(此案例为89.5)变成20(即图像与舞台左边的距离变成20,图像位置由右向左移动)的行为。

2.4-64_.png

图2.4-64
2.4-65_.png

图2.4-65

点击预览效果,发现点击“改变元素属性”按钮时图像位置由右向左移动至离“舞台”左20个值的距离。

2.4-66_.png

图2.4-66

同理,点击“改变元素属性”按钮元素的“添加/编辑行为”按钮,点击“编辑”按钮,在“参数”对话框内改变“赋值方式”为“在现有值基础上增加”,其他参数不变,点击“确认”。即设置好了点击“改变元素属性”按钮,图像(Mugeda)“左”的取值在原来数值(此案例为89.5)基础上增加20(即图像与舞台左边的距离增加20,图像位置由左向右移动)的行为。

2.4-67_.png

图2.4-67

点击预览,发现每点击“改变元素属性”按钮元素,图像会向右移动20个值(即图像离“舞台”左的距离增加20个值)

2.4-68_.png

图2.4-68

同理,在“参数”对话框内,在“取值”输入框输入“-20”,即可设置图像距离往反方向改变的行为

2.4-69_.png

图2.4-69

0 个评论

要回复文章请先登录注册