案例效果:
选中前
选中后
案例描述:
在选择兴趣时,选中后选项变色,同时会有稍稍放大的效果;另外,当有选中兴趣时,“开启部落之旅”按钮变为紫色可用;如果没有选中任何兴趣,该按钮变 呈现灰色不可用状态。
元件准备
包含命名
全局变量(用于统计选中数量)SelectAmount
矩形(用于开启部落之旅按钮)OpenButton
思路分析
①单击任何元件时,该元件在选中和未选中状态间切换,并呈现相应样式(操作步骤02)
②任何元件选中时,都让数量记录增加1(操作步骤03)
③任何元件选中时,让该元件稍稍变大(操作步骤04)
④任何元件取消选中时,都让数量记录减少1(操作步骤05)
⑤任何元件取消选中时,恢复该元件大小(操作步骤06)
任何元件尺寸发生改变时,进行判断,如果数量记录大于0, 让“开启部落之旅”按钮变为可用状态,否则,让“开启部落之旅”按钮变为不可用状态。(操作步骤07~08)
操作步骤
01 添加全局变量"SelectAmount",设置默认值是“0”(可省略默认值设置)
02 在元件属性中为每个兴趣元件设置【选中】的交互样式,然后,为元件添加【鼠标单击时】事件,设置动作为【切换选中状态】“当前元件”(this)。
03 为每个兴趣元件添加【选中时】事件,设置动作为【设置变量值】“SelectAmount"为【值】”[[SelectAmount+1]]"。
04 继续上一步,添加动作【设置尺寸】于“当前元件”(This),设置尺寸为每个元件当前尺寸增加5像素后的数值,并且选择{锚点}为【中心】;此处以尺寸为60像素x60像素的圆形为例。
05 为每个兴趣元件添加【取消选中时】事件,设置动作为【设置变量值】“SelectAmount"为【值】”[[SelectAmount-1]]"。
06 继续上一步,添加动作【设置尺寸】于“当前元件”(This),设置尺寸为每个元件初始数值,并且选择{锚点}为【中心】。
07 在元件属性中为元件"OpenButton"设置【禁用】时的交互样式,并勾选默认【禁用】的选项。
然后,为每个兴趣元件添加【尺寸改变时】事件1,并为该事件添加条件判断,判断【变量值】“SelectAmount”【>】【值】“0”,设置满足条件的动作为“启用”元件"OpenButton"。
设置默认“禁用”→→右键——禁用
条件判断设置
事件动作设置
08 每个兴趣元件添加【尺寸改变时】事件2,设置不满足事件1时的动作为【禁用】元件"OpenButton"。
09 以下是一个兴趣元件的所有事件交互
10 剩下的兴趣元件操作相同
对上面案例进行改进
元件函数
操作步骤
01 只保留一个元件的事件交互,删除其他所有元件的事件交互;删除一个元件的所有交互,可以点中交互列表中第一个事件名称,然后按住键,再点中最后一个事件名称,全选后按键进行删除。
02 将上面案例步骤04中的动作进行修改,在{宽度}与{高度}的输入框中分别填写“[[This.width+5]]”和“[[This.height+5]]”。
03 将上面案例步骤04(或步骤06)中的动作进行修改,在{宽度}与{高度}的输入框中分别填写“[[This.width-5]]”和“[[This.height-5]]”。
04 按住键,点中该元件所有包含交互的事件名称,然后,按快捷键<Ctrl+C>复制这些交互(或单击<鼠标右键>),在菜单中选择【复制】;然后,点中其他任意一个需要添加交互的元件,按快捷键<Ctrl+V>粘贴交互(或单击<鼠标右键>),在菜单中选择【粘贴】。
05 参照上一步(步骤04)为所有需要添加交互的元件粘贴交互。
完成!