Axure: 多级多选可交互树状列表

本列表的交互已由代码实现,数据由中继器记录。使用者不必添加事件等操作,只需要在中继器中录入数据即可实现多级多选可交互的树状列表。效果如下视频:

0003_多级多选树状列表

本组件商品链接https://item.taobao.com/item.htm?ft=t&id=980050851158

1、组件介绍

2、填写列表数据

3、添加列表图片

4、制作并添加状态图标

4.1、制作状态图标

4.2、添加状态图标

5、设置节点默认是否展开

如下图"is_spread"字段用于控制节点默认是否展开,填写为"1"表示展开,不写或填写为"0"表示不展开。

注意:若父节点设置为不展开,即使子节点设置为展开,但子节点会受父节点影响默认为不展开。

6、设置节点默认是否选中

如下图"is_selected"字段用于控制节点默认是否选中,填写为"1"表示选中,不写或填写为"0"表示不选中。

如果需要选中某个节点下的所有子节点,则只需要将此节点的"is_selected"字段设置为"1"即可。

7、修改配置数据

  • 默认列宽(px)

默认列宽是指若是列表中的列没有设置指定的宽度,则列会使用"默认列宽"设置的值。

  • 默认对齐方式

默认对齐方式是指若是列表中的列没有设置指定的对齐方式,则列会使用"默认对齐方式"设置的对齐方式。1表示左对齐,2表示居中对齐,3表示右对齐。

  • 节点是否全选

1表示全选,0表示非全选。

若是设置为1,则数据中继器的is_selected字段设置无效。

若是设置为0,则列表节点默认是否选中由数据中继器的is_selected字段设置决定。

  • 节点是否全部展开

1表示全选展开,0表示非全选展开。

若是设置为1,则数据中继器的is_spread字段设置无效。

若是设置为0,则列表节点默认是否展开由数据中继器的is_spread字段设置决定。

  • 第一列是否悬浮

1表示悬浮,0表示不悬浮。

若是设置为1,则第一列始终固定在视图的左侧,不随水平滚动条滚动。

若是设置为0,则第一列随水平滚动条滚动。

  • 最后一列是否悬浮

1表示悬浮,0表示不悬浮。

若是设置为1,则最后一列始终固定在视图的右侧,不随水平滚动条滚动。

若是设置为0,则第一列随水平滚动条滚动。

8、为状态图标添加交互事件

相关推荐
richard_yuu7 小时前
鸿蒙治愈游戏模块实战|四大轻量解压游戏、ArkTS动画交互与低功耗落地
游戏·交互·harmonyos
倔强的石头10613 小时前
两种数字人交互:从被动语音交互到具象共情的本质差异
microsoft·交互·语音识别
默 语13 小时前
从静态展示到实时交互:数字人轻量化落地新范式
microsoft·交互
天若有情67313 小时前
自研极简C++软交互事件系统:干掉观察者模式、碾压前端事件机制
c++·观察者模式·交互·事件
fruge16 小时前
数字人从演示到场景落地:突破交互瓶颈,走进真实服务
microsoft·ai·交互
忆~遂愿16 小时前
从文字应答到具象共情:Agent 交互的底层革新
人工智能·深度学习·目标检测·microsoft·机器学习·ar·交互
可涵不会debug17 小时前
AI Agent 的下一站:从文字对话到具身交互
人工智能·microsoft·交互
笑小枫18 小时前
行业新趋势:官网数字人成标配,具身交互重构用户触达
人工智能·交互
ZC跨境爬虫18 小时前
跟着 MDN 学CSS day_4:(深入理解CSS选择器的核心机制)
前端·javascript·css·交互
欢喜躲在眉梢里19 小时前
从文字回复到具象交互:官网 Agent 的交互逻辑重构
人工智能·microsoft·ai·重构·交互·ai工具