写点什么

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

  • 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:301310

评论

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

枚举代替常量

李子捌

28天写作 21天挑战 12月日更

图解4种git合并分支方法

xcbeyond

git 分支合并 28天写作 12月日更

一份前端够用的 Linux 命令

冴羽

vim Linux 前端 Shell 手册

“全”事件触发:阿里云函数计算与事件总线产品完成全面深度集成

阿里巴巴云原生

阿里云 云原生 函数计算 EventBridge

基于SLA的测试

QualityFocus

云原生 测试 SLA

LeetCode 刷完 500 题!我想明白了这些……

Charles

算法 刷题 经验总结 内卷 攻略

模块七作业

doublechun

「架构实战营」

PassJava 开源 (二) :初始化数据库表和搭建管理后台

悟空聊架构

SpringCloud 28天写作 悟空聊架构 12月日更

解决 ERROR: yaml.parser.ParserError: while parsing a block mapping

liuzhen007

28天写作 12月日更

云原生时代,CNStack 如何解决企业数字化转型难题?

阿里巴巴云原生

阿里云 容器 云原生 技术中台 CNStack

C#中的属性

喵叔

28天写作 12月日更

语音信号处理3:语音信号处理的的整体结构

轻口味

端侧AI进化论:HUAWEI HiAI Foundation的奇妙旅程

脑极体

Java访问修饰符的正确使用姿势

李子捌

Java 28天写作 21天挑战 12月日更

聊聊文章输出的背后

卢卡多多

28天写作 12月日更

低代码数字化运营篇:那些返乡卖农产品的年轻人后来都怎么样了?

优秀

低代码 农产品

再获行业认可,火线安全入选「软件开发安全优秀厂商」

火线安全

什么是事实?什么是真相?

石云升

28天写作 12月日更

LabVIEW目标对象分类识别(理论篇—5)

不脱发的程序猿

机器视觉 图像处理 LabVIEW 目标对象分类 分类算法

语音信号处理2:语音信号处理的应用

轻口味

RTC月度小报6月丨编程挑战赛圆满收官;声网上市1周年回顾...

声网

人工智能 月度小报

冬至说焦虑

张老蔫

28天写作

数仓与主题域

圣迪

数据仓库 数据 数仓 主题域 主题

盘点 2021|拥抱变化,不负韶华

架构精进之路

程序人生 盘点2021

清河机械:用宜搭建设工厂数字化系统,节省80%开发成本

一只大光圈

阿里巴巴 低代码 数字化转型 钉钉宜搭

你写,我“奖”|TDengine用户故事征集

TDengine

tdengine 热门活动

晚安吻

mtfelix

28天写作

Dubbo框架学习笔记八

风翱

dubbo 12月日更

51 K8S之Helm基础应用

穿过生命散发芬芳

k8s 28天写作 12月日更

重磅发布全总结丨一文看懂阿里云弹性计算年度峰会

阿里云弹性计算

弹性计算 年度峰会

智慧公安情报研判重点人员管控系统开发建设

a13823115807

智慧公安情报研判系统开发

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