写点什么

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

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

评论

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

天工一刻 | 一文看懂小模型与端侧模型

新消费日报

面向广大中低负载场景,华为云Flexus 云服务器X实例带来“品价比”新选择

轶天下事

性能高达6倍,Flexus X实例用实力阐述什么是新一代柔性算力

YG科技

煤矿安全大模型:微调internlm2模型实现针对煤矿事故和煤矿安全知识的智能问答

汀丶人工智能

人工智能 智能问答

线索系统性能优化实践

京东零售技术

系统 企业号2024年7月PK榜

技术突破、业界首款!华为云Flexus 云服务器X实例开启柔性算力新时代

YG科技

文献解读-长读长测序-第十四期|《作为了解棉花驯化的资源,印度棉(Gossypium herbaceum L. Wagad)基因组》

INSVAST

基因组 基因数据分析 生信服务

企业自身数据保护技巧你知道多少?用堡垒机可以实现吗?

行云管家

网络安全 数据安全 堡垒机 企业数据安全

低代码拖拽式MES系统数据大屏,重塑智能制造新视界

万界星空科技

数字化转型 mes 数据大屏 万界星空科技mes 电子大屏

iOS端海外推送最佳实现

MobTech袤博科技

手把手教你玩转 Nginx 配置

左诗右码

NGINX Ingress Controller

华为云Flexus云服务器X实例:柔性算力新物种,越用越省!

YG科技

三种高级RAG检索方法帮企业告别冗长文档!

神州数码

Apache IoTDB v1.3.2 发布|新增 explain analyze、UDAF 自定义聚合函数框架等功能

Apache IoTDB

华为云技术新突破:Flexus X实例以其柔性算力加速企业一键上云

YG科技

新一代柔性算力加速企业轻松上云,Flexus X实例有来头!

轶天下事

柔性算力的创新之作!华为云Flexus X实例以6倍性能,带来旗舰体验

轶天下事

开源之夏|祝贺MatrixOne开源社区项目中选同学!

MatrixOrigin

数据库 云原生 开源社区

MobPush REST API中的创建推送

MobTech袤博科技

腾讯云WeData全新升级:数据分类分级管理,构建数据安全屏障

腾讯云大数据

wedata

从美图类场景,看火山引擎数据飞轮如何赋能产品增长

字节跳动数据平台

大数据 用户增长 销售 增长 客户

在(Linux)ubuntu下通过GTK调用libvlc开发视频播放器

DS小龙哥

7月月更

轻松破除上云门槛,新一代柔性算力Flexus X实例如此简单

轶天下事

数字化转型加速器,Flexus X实例提升企业核心竞争力

YG科技

如何熟悉一个陌生系统

京东零售技术

系统 企业号2024年7月PK榜

2024年甘肃省7家正规等保测评机构名单汇总

行云管家

网络安全 等保测评 等保测评机构 甘肃

新一代柔性算力Flexus X实例,加速企业数字化业务创新增效

轶天下事

如何画一个系统的设计图

京东零售技术

架构 企业号2024年7月PK榜

电机行业MES生产管理系统--助力电机企业数字化转型

万界星空科技

mes 万界星空科技 电机行业 电机MES 电机工厂

新一代柔性算力Flexus X实例,重新定义企业级云服务新标准

轶天下事

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