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、为状态图标添加交互事件

相关推荐
格数致用2 天前
1.7 PySide6 三栏工作台:QPainter 渲染、坐标契约与框选/涂抹交互
交互·pyside6
沫璃染墨2 天前
《Qt从零入门系列(十二):Qt文件操作详解——从QFile读写到QFileInfo与记事本实战》
开发语言·网络·c++·qt·交互·信号处理·文件
一条大祥脚3 天前
26 ICPC上海 交互|二分|重心|构造|二分图|贪心|SOSDP|三进制枚举|线性基|字典序贪心|DFS|分块|单侧递归线段树
算法·深度优先·交互·分块·icpc上海站·单侧递归线段树
HwJack203 天前
【共创稿事节】HarmonyOS 7空间交互综述:视线、头部、手势的协同
数码相机·交互·harmonyos
HwJack204 天前
【共创稿事节】HarmonyOS 7手势识别交互:空中手势的语义与容错设计
人工智能·深度学习·华为·交互·harmonyos
小师兄吃牛肉4 天前
C++ 与 Lua 的协程交互:从原理到实战
c++·lua·交互
兰亭妙微UI设计公司4 天前
兰亭妙微UI设计公司 蚂蚁阿福APP拆解:对话式交互如何重构就医全流程?
重构·交互
新新学长搞科研6 天前
【往届稳定EI+scopus检索】第三届人工智能、数字媒体技术与交互设计国际学术会议(ICADI 2026)
人工智能·交互·媒体
平头哥~7 天前
从文化 IP 解读到伴手礼定制,文创设计师智能体背后是 端到端具身交互智能落地
网络协议·tcp/ip·交互
大侠归来7 天前
C++ 与 Lua 的协程交互:从原理到实战
c++·lua·交互