按钮组效果示例¶
通过itemGrid组件,创建按钮组,实现按钮组的动态展开与收起。
相关命令¶
<itemGrid: 对于addUiDlg命令 参数3支持附加参数 |
参数3 x坐标,追加附件参数滑动方向和滑动时间 格式: x坐标,滑动方向,滑动时间 滑动方向 1 向左滑入 2 向右滑入 3 向上滑入 4 向下滑入 滑入时间 单位 秒 支持小数 比如 1.5 |
delDlgList
销毁addUiDlg命令中指定的itemGrid,支持多种销毁动画过程。
格式命令名 | 参数1 | 参数2 | 参数3 | 参数4 | 参数5 | 参数6 |
delDlgList | 对话框id | 界面id | 平台类型 | 列表名称 | 销毁模式 | 动画时间 |
参数1 | 对话框id addUiDlg命令添加的对话框id |
参数2 | 界面id及子界面id |
参数3 | 平台类型 0 手机 1 PC |
参数4 | 列表名称 需要销毁的列表名称 |
参数5 | 销毁动画 1 向左滑出 2 向右滑出 3 向上滑出 4 向下滑出 |
参数6 | 动画时间 单位秒 支持小数 比如 0.5 |
特戒引擎脚本示例:¶
图片资源 ui_alpha0
需要引用 vm/_sys/ui12 v2/_sys/ui12
[@main]
#say
<加按钮列表3/@加按钮列表3>\ \
[@加按钮列表3]
#act
goto @item初始化3
addUiDlg 3 27,4 <$str(s2)> 0,0 0
[@item初始化3]
#act
mov s$item
inc s$item (<itemIndex:1>
inc s$item <itemToggle:ui_alpha0:ui_alpha0>
inc s$item <img:mianfeivip:25:25:1:1/@1>
inc s$item <text:按钮1{fColor=254}:55:105>)
inc s$item (<itemindex:2>
inc s$item <itemtoggle:ui_alpha0:ui_alpha0>
inc s$item <img:mianfeivip:25:25:1:1/@2>
inc s$item <text:按钮2{fColor=254}:55:105>)
inc s$item (<itemindex:3>
inc s$item <itemtoggle:ui_alpha0:ui_alpha0>
inc s$item <img:mianfeivip:25:25:1:1/@3>
inc s$item <text:按钮3{fColor=254}:55:105>)
inc s$item (<itemindex:4>
inc s$item <itemtoggle:ui_alpha0:ui_alpha0>
inc s$item <img:mianfeivip:25:25:1:1/@4>
inc s$item <text:按钮4{fColor=254}:55:105>)
mov s2 <img:mianfeivip:0:0:1:1/@关闭3>\
inc s2 <text:关闭{fColor=254}:25:80>\
inc s2 <itemGrid:<$str(s$item)>:按钮列表x,1,0,1:125,2,1.5:0:125,125,1:1,4,150,1:0>\
[@关闭3]
#act
delDlgList 3 27,4 0 按钮列表x 1 1.5
mov s2 <img:mianfeivip:0:0:1:1/@加按钮列表3>
inc s2 <text:展开{fColor=254}:25:80>
delaygoto 1500 @关闭按钮组
[@关闭按钮组]
#act
addUiDlg 3 27,4 <$str(s2)> 0,0 0