写点什么

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

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

评论

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

如何精通项目质量管理:主要内容+3大关键执行策略

爱吃小舅的鱼

项目管理 项目质量管理

开发搭建体育赛事直播系统平台源码解决方案,助于体育平台打造娱乐化IP

软件开发-梦幻运营部

文心一言 VS 讯飞星火 VS chatgpt (127)-- 算法导论11.2 2题

福大大架构师每日一题

福大大架构师每日一题

无纸化登记二维码应用方案:扫码填写表单,信息收集无纸化

草料二维码

二维码 无纸化登记

实施全面预算管理,夯实国有企业发展基础

智达方通

国有企业 全面预算管理

Util应用框架前端概述

何镇汐

C# 开源 后端 软件开发

突破性的多语言代码大模型基CodeShell:引领AI编程新时代

汀丶人工智能

人工智能 自然语言处理 多模态大模型

如何使用商品详情API接口获取商品数据:一篇详尽的论述

Noah

百万人才补贴!2024年国家级人才工程引进申报,入选资格保留2年

科兴未来News

人才补贴 海外博士 人才引进 回国发展

DAPP合约代币质押算力挖矿系统开发

l8l259l3365

Flink JobManager内存管理机制介绍与调优总结

腾讯云大数据

flink、

SecureCRT for mac(终端SSH仿真工具)v9.4.1中文激活版

mac

securecrt 苹果mac Windows软件 终端SSH仿真工具

每个程序员都应该知道的六种负载均衡算法

树上有只程序猿

负载均衡

GPT-4 变笨加剧,一个笑话讲八百遍;ChatGPT 之父剑桥演讲遭抵制丨 RTE 开发者日报 Vol.77

声网

数字先锋| 打造生态环境监测新范式,天翼云助力青海“生态之窗”数字化升级!

天翼云开发者社区

云计算 大数据

ER图:改变你数据库设计流程的神器!

职场工具箱

ER图 实体关系图 数据库设计流程

如何使用商品详情API接口来获取想要的商品数据?

Noah

Util应用框架介绍

何镇汐

C# 后端 软件开发 开源框架’

Util应用框架概述

何镇汐

文心一言 VS 讯飞星火 VS chatgpt (127)-- 算法导论11.2 2题

福大大架构师每日一题

福大大架构师每日一题

最全对比!8款UML图工具究竟哪个最适合你?

职场工具箱

可视化 UML UML图工具

git原理与基本应用

丛风

git

Util应用框架平台概述

何镇汐

C# 开源 后端 软件开发

iZotope RX 10 for mac(音频修复和增强工具) 10.4.2完整激活版

mac

苹果mac Windows软件 iZotope RX 10 音频修复软件

Techwalk攻略 | 来北京与OpenHarmony技术大会一起技术漫游!

OpenHarmony开发者

进击的代码之路:如何培养解决问题的架构思维?

互联网工科生

架构 架构师

云行| 速智未来 鹭岛展翼!中国电信天翼云推动数字厦门新跨越

天翼云开发者社区

人工智能 云计算 大数据

云行| 天翼铸云,百业腾飞!天翼云为“数字茂名”建设注智赋能

天翼云开发者社区

云计算 大数据

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