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:301093

评论

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

Axure RP 9 for Mac(原型设计软件)

Mac相关知识分享

Axure RP 9 设计软件

用云手机可以做tiktok吗?

Ogcloud

TikTok 云手机 海外云手机 tiktok云手机 tiktok运营

基于Istio服务网格的熔断限流实现

inBuilder低代码平台

win版JetBrains RubyMine 2024(Rails/Ruby集成开发环境) v2024.1.4中文特别版

iMac小白

智心顾问:为心智障碍家庭带来温暖与专业支持

有道技术团队

#人工智能

平价 Vision Pro 需搭配 Mac/iPhone;OpenAI 收购实时分析数据库公司丨 RTE 开发者日报

声网

软件测试学习笔记丨JUnit5超时处理

测试人

软件测试

Altair 人工智能技术助力MABE预测消费者行为,实现设备性能优化

Altair RapidMiner

人工智能 AI 算法 数据分析 预测分析

你还在手动操作仓库?这款 CLI 工具让你效率飙升300%!

Immerse

GitHub gitee 仓库 del-repos

Trapcode Particular for Mac(AE 3D粒子系统插件)

Mac相关知识分享

插件 图形设计

Royal TSX for Mac(强大的远程管理软件)

Mac相关知识分享

桌面管理软件

GPU云服务器是什么?有什么用途?

Ogcloud

云计算 gpu 云服务器 GPU云服务器

一会一展一赛,共绘 AI 新篇章!和鲸出席 GAITC 2024 全球人工智能技术大会

ModelWhale

人工智能 AI技术

聚力教研共成长!思腾合力携手昇腾AI打造人工智能云平台

Geek_2d6073

轻松两步,借助向量数据库 VectorDB 与千帆 Appbuilder 构建个性化本地问答知识库

Baidu AICLOUD

向量数据库 rag

Tampermonkey for Mac(油猴Safari浏览器插件) 4.20.6184 中文版

Mac相关知识分享

脚本管理 插件下载

5分钟了解LangChain的路由链

快乐非自愿限量之名

数据库

AlDente Pro for Mac(电池最大充电限制软件

Mac相关知识分享

Mac Mac软件 电池软件

Illustrator 2023((ai2023)下载激活安装,支持win版和mac版

你的猪会飞吗

ai2023 AI2023下载

数字化转型下的企业人力资源信息系统研究

不在线第一只蜗牛

人力资源 低代码 数字转型

DNS解析失败是什么意思?DNS解析失败怎么办?

国科云

企业级低代码开发效率变革赋能业务增长

EquatorCoco

低代码 数智赋能

云原生技术领域的探索与实践

快乐非自愿限量之名

云原生

Redis Desktop Manager for Mac(Redis桌面管理工具) v2022.5.0中文版

Mac相关知识分享

可视化工具 mac软件下载

告别数据烦恼,如何一键搞定数据归档与清理?

NineData

数据归档 NineData 清理功能 时区选择 字段支持

数据产品经理的发展与现状(二)

松子(李博源)

#数据产品经理

阿里巴巴中国站关键字搜索API返回值分析:电商数据驱动的渠道拓展与整合

技术冰糖葫芦

API Explorer API 文档 API 管理 pinduoduo API

通过ETLCloud实现SQL Server数据同步至Oracle

RestCloud

oracle sql ETL SqlServer ETLCloud

WatchDog:一款.NET开源的实时应用监控系统

不在线第一只蜗牛

.net 开源 开源软件

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