尺寸:改变元件尺寸

案例效果:
选中前
在这里插入图片描述
选中后
在这里插入图片描述
案例描述:
在选择兴趣时,选中后选项变色,同时会有稍稍放大的效果;另外,当有选中兴趣时,“开启部落之旅”按钮变为紫色可用;如果没有选中任何兴趣,该按钮变 呈现灰色不可用状态。

元件准备
在这里插入图片描述
包含命名
全局变量(用于统计选中数量)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)为所有需要添加交互的元件粘贴交互。

完成!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值