写点什么

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

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

评论

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

2021Android面试真题精选干货整理,准备Android面试

android 面试 移动开发

2021一位Android中级程序员的跳槽面经,成功拿下大厂offer

android 面试 移动开发

SOA + 汽车智能硬件 = 无限可能

SOA开发者

软件 物联网 SOA 汽车

2021Android高级面试题及答案,30岁转行程序员

android 面试 移动开发

如何写好倒计时

echeverra

JavaScript

Vite + Vue3 + OpenLayers 手动激活地图

德育处主任

大前端 地图 vite Vue3 openlayers

大天使之剑H5游戏超详细图文架设教程

echeverra

H5游戏 H5

2021Android面试题知识点总结,层层深入

android 面试 移动开发

CSS中content属性的妙用

echeverra

CSS

Android技术分享| 一行代码实现安卓屏幕采集编码

anyRTC开发者

音视频 WebRTC 移动开发 Android技术分享 屏幕采集编码

车路协同赋予交通感知,数字技术让管理透明可视

一只数据鲸鱼

车联网 数据可视化 智慧城市 智慧交通

2021Android高级面试题,零基础也能看得懂

android 面试 移动开发

2021Android面试心得,透彻解析

android 面试 移动开发

2021Android面试笔试总结,这操作真香

android 面试 移动开发

SOA + 汽车智能硬件 = 无限可能

SOA开发者平台

SOA 软件定义汽车

TDSQL-C的内核关键技术深入解读

腾讯云数据库

数据库 tdsql

海量数据,极速体验——TDSQL-A核心架构详解来了 ​

腾讯云数据库

数据库 tdsql

2021Android进阶者的新篇章,已开源

android 面试 移动开发

2021Android高级面试题及答案,2021最新Android面试题目

android Android面试

微服务网关Gateway实战

Fox爱分享

微服务 Gateway SpringCloud Gateway Spring Cloud Gateway

2021BAT大厂Android社招面试题,Android程序员校招蚂蚁金服

android 面试 移动开发

2021BAT大厂Android社招面试题,移动开发技术总结

android 面试 移动开发

2021Android高级面试题汇总解答,阿里内部Android应届生就业宝典

android 面试 移动开发

博客被阮一峰引流后,我对“大数据”的分析与思考

echeverra

博客

网站URL如何SEO优化

echeverra

SEO

浅析可视化分析技术

郑州埃文科技

腾讯云 CIF 工程效能峰会,10 月 19 - 20 日震撼来袭!

CODING DevOps

腾讯云 DevOps 云原生 云开发 CIF

2021Android高级面试题总结,憋个大招

android 面试 移动开发

2021Android进阶者的新篇章,移动开发框架

android 面试 移动开发

2021Android面试心得,Android详解

android 面试 移动开发

第 2 章 -《Linux 一学就会》- Linux 基本命令操作

学神来啦

Linux 运维 linux云计算

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