写点什么

不用编程,一个中继器就能搞定动态表格

  • 2019-12-31
  • 本文字数:484 字

    阅读完需:约 2 分钟

不用编程,一个中继器就能搞定动态表格

Axure RP 是一款快速原型设计工具,它不需要使用者有编程基础,就可以实现出一些复杂交互效果的产品原型,常用于互联网产品设计、网页设计、app 设计等领域。作为常用的原型绘制软件,Axure 提供了较为强大的功能,可以满足一些复杂的交互稿设计。从 Axure7.0 开始,新增了中继器的组件,今天简单介绍下如何使用中继器实现集增删改、选中、交替底色填充为一体表格。

1、表格数据录入

表头使用矩形,表格内容使用中继器,并将中继器命名为 repeater;



双击中继器进入编辑页,拖入矩形元件和文本输入框,为了方便后续设置值,文本输入框命名与表头对应,分别为 name、status、time;矩形命名为 background。将四个元件设置为一个组合,命名为 group,方便后续操作。



在中继器里输入需要录入的表格数据,如下:



设置中继器加载交互:



设置完成:


2、表格斑马色设置


使用此功能时需要将中继器中的元件填充色全部设为透明。

3、表格选中效果

选中 background 元件,设置表格背景为选项组,并设置 hover 和 selected 颜色:



给表格行组合 group 添加单击事件:



本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/m2gMVqA8YmrXV3B0rRjtDw


2019-12-31 16:301069

评论

发布
暂无评论
发现更多内容

14条日常维护LED显示屏的建议

Dylan

LED显示屏 全彩LED显示屏 led显示屏厂家

玩转OpenHarmony社交场景:即时通讯平台

OpenHarmony开发者

OpenHarmony

万物皆可集成系列:低代码对接微信小程序

葡萄城技术团队

微服务应用视角解读如何选择 K8s 的弹性策略

阿里巴巴云原生

阿里云 微服务 云原生

性能成本难两全?OpenMLDB 实时计算双存储引擎让你不必纠结(附测评报告)

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

专访 | 刘嘉松:开源,互惠且共赢

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

Monorepo 下 Git 工作流的最佳实践

字节跳动终端技术

git Monorepo

技能破局 职业加码 业界首堂Volcano云原生批量计算公开课云上开讲

科技热闻

大数据培训和自学哪个适合零基础

小谷哥

web前端技术培训后怎么不断提高自己

小谷哥

如何在15分钟内,度量 DORA 指标?

Apache Devlake

Apache 大数据 开源 研发效能 DOAR

数据赋能的未来,看向嵌入式BI

葡萄城技术团队

如何使用自助式商业智能 (BI) 避免组织中的数据孤岛

葡萄城技术团队

.net可视化表单设计工具

力软低代码开发平台

nova 6升级HarmonyOS 3正式版,即刻体验随心百变的个性化桌面

Geek_2d6073

架构实战 - 模块 5 作业

mm

元年科技2022回顾:奋楫扬帆数字化,转型升级立潮头

元年技术洞察

数字化转型 财务数字化 方舟平台 管理会计

平安银行携手StarRocks荣获2022金融业数字化转型突出贡献奖

StarRocks

数据库 金融

java程序员培训学习后好找工作

小谷哥

商业智能BI工具评估指南

葡萄城技术团队

OpenMLDB 祝大家新年快乐!

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

Postman 进阶技巧

世开 Coding

Postman API

flutter系列之:flutter中listview的高级用法

程序那些事

flutter 程序那些事

零基础怎么培训学习前端开发技术

小谷哥

Java常见异常:NPE空指针异常怎么解决?

千锋IT教育

巧用数据分析表达式,让数据指标创建更简单

葡萄城技术团队

【Paper Reading】Cloud-Native Transactions and Analytics in SingleStore

阿里云数据库开源

数据库 阿里云 开源 分布式 云原生

回顾 OpenMLDB 2022 之旅 | 开源之路,行将致远

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

朋友圈高性能复杂度

生活需要激情

架构训练营10期

模块2作业分享思路

程序员小张

「架构实战营」

怎么入门大数据开发技术

小谷哥

不用编程,一个中继器就能搞定动态表格_语言 & 开发_Think体验设计_InfoQ精选文章