AICon 上海站|日程100%上线,解锁Al未来! 了解详情
写点什么

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

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

评论

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

Kubectl exec 的工作原理解读

硅基新手村

Kubernetes kubelet

Golang热更新原理

我心依然

nginx Linux 信号 Go 语言

Flutter的staggered GridView详细使用

潘珉

flutter

有点干货 | Jdk1.8新特性实战篇(41个案例)

小傅哥

函数式接口 Lambda 小傅哥 jdk8 编码

五个“为什么” —— 读《精益创业》

YoungZY

读书笔记

学计算机你后悔了吗?

陈辰

学习 技术 大前端

「开放」对协作效率的影响

Tony Wu

产品 产品设计

python实现·十大排序算法之希尔排序(Shell Sort)

南风以南

Python 排序算法 希尔排序

Zabbix实战指南

橙子冰

技术 运维 监控 运维自动化 zabbix

ARTS - Week One

shepherd

js algorithm

李想解读《高效能人士的七个习惯》

我心依然

习惯 高效能人士的七个习惯 李想 汽车之家

内容比形式更重要

Winann

内容 生活 工作 形式主义

[Git] Git 可以这么学

猴哥一一 cium

git

关于问题的问题 —— 读《你的灯亮着吗?》

YoungZY

读书笔记 读书

2020年2月北京BGP机房网络质量评测报告

博睿数据

孩子,我们在睡前一起来阅读 15 分钟的好书,让彼此都带着好的故事入眠。

叶小鍵

正确阅读 托马斯·奥本 Doug Antin 蒂·泰德罗克

面试官问你MyBatis SQL是如何执行的?把这篇文章甩给他

苹果看辽宁体育

mybatis

工厂模式 (一)简单的工厂模式概念以及示例代码

LSJ

软件开发生产率改进之我见(一)

清水

团队管理 软件工程 技术管理

基于mysqldump聊一聊MySQL的备份和恢复

麦洛

MySQL

一文带你彻底厘清 Kubernetes 中的证书工作机制

首富手记

Kubernetes

有价值的产品=设计思维+精益创业+敏捷方法

老彦

Scrum 敏捷开发 Agile 设计思维 精益创业

[GitHub] 跟我一起白嫖 GitHub Pages 做个人站点 ?

猴哥一一 cium

git GitHub GitHub Pages

Elasticsearch 实战

代码诗人

翻译敏捷行业专业外文,不只是谷歌翻译

老彦

翻译 Scrum 敏捷开发 Agile

数仓系列 | Flink 窗口的应用与实现

Apache Flink

大数据 flink 流计算 实时计算

游戏夜读 | 如何避免乏味?两则

game1night

2020年2月北京BGP机房网络质量评测报告

博睿数据

APM 机房 评测 世纪互联

Lean UX 教你设计如何驱动产品

Yanel 说敏捷产品

产品 敏捷 设计

给学妹的 Java 学习路线

武培轩

Java 学习 程序员 程序媛

实用贴丨正确的「递归」打开方式:让计算机像计算机一样去计算

博文视点Broadview

Python 递归

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