QCon北京「鸿蒙专场」火热来袭!即刻报名,与创新同行~ 了解详情
写点什么

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

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

评论

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

跟着卷卷龙一起学Camera--RGBNIR sensor 02

卷卷龙

ISP camera 10月月更

云服务架构设计基础模式

穿过生命散发芬芳

10月月更 云服务架构

Dapr简介-分布式应用运行时

久歌

架构 servicemesh 技术架构 dapr

Web3雇佣兵的现状,Zebec根本上提高用户黏性

股市老人

Web3雇佣兵的现状,Zebec根本上提高用户黏性

鳄鱼视界

Vue组件入门(二)props和emit

Augus

Vue3 10月月更

跟着卷卷龙一起学Camera--RGBNIR sensor 01

卷卷龙

ISP camera 10月月更

2022-10-11:一个整数区间 [a, b] ( a < b ) 代表着从 a 到 b 的所有连续整数,包括 a 和 b。 给你一组整数区间intervals,请找到一个最小的集合 S, 使得

福大大架构师每日一题

算法 rust 福大大

基础算法:二分查找 搜索插入位置

芯动大师

Python 二分查找 10月月更

网络异常之后为什么MOA地址列表错乱了?

BUG侦探

TCP Jedis 乱序

cstdio的源码学习分析09-改变文件流文件流buffer函数setvbuf

桑榆

源码刨析 10月月更 C++

Spring之IOC自动装配

楠羽

笔记 SP【ring 10月月更

MySQL高级--性能优化之索引使用

Java学术趴

10月月更

Java文档注释 Intellij IDEA Generate JavaDoc

Yeats_Liao

后端 doc Java core 10月月更

数据中台4点核心建设内容

阿泽🧸

数据中台 10月月更

sql注入--handler语句--一文详细解说其原理和方法

贤鱼很忙

Web SQL注入 10月月更

爬虫实例——爬取豆瓣网 top250 电影的信息

芯动大师

Python爬虫 10月月更 爬虫案例

《数字经济全景白皮书》中国银行业场景金融生态建设分析2022 发布

易观分析

金融 客户 场景生态建设

Redis 的快速介绍及其基本数据类型和操作

宇宙之一粟

redis 10月月更

【答读者问】把Go基础学完后,是学web方向还是区块链方向?

王中阳Go

php Go 区块链 职业规划 10月月更

Docker下Nacos配置应用开发

程序员欣宸

nacos spring-cloud 10月月更

【一Go到底】第十一天---流程控制

指剑

Go golang 10月月更

Flash软件应用项目(一)

张立梵

设计师 Flash 10月月更

跟着卷卷龙一起学Camera--夜景拍照01

卷卷龙

ISP camera 10月月更

sql注入--通过修改数据完成注入--一文详细讲解

贤鱼很忙

Web SQL注入 10月月更

【网络安全】如何在Apache 安装开源 WAF

网络安全学海

黑客 网络安全 信息安全 渗透测试

【网络安全篇】php伪协议-漏洞及其原理

贤鱼很忙

php 网络安全 Web 10月月更

使用 Scrapy 框架来爬取数据

芯动大师

spider scrapy框架 10月月更

【Java深入学习】Park&Unpark的深入学习讲解

Geek_65222d

10月月更

MySQL高级--性能优化之Explain分析SQL

Java学术趴

10月月更

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