2天时间,聊今年最热的 Agent、上下文工程、AI 产品创新等话题。2025 年最后一场~ 了解详情
写点什么

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

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

评论

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

技术揭秘:图形工作站、个人电脑和服务器的硬件差异

青椒云云电脑

图形工作站

从虚拟到现实:数字孪生与数字样机的进化之路

DevOps和数字孪生

【DevOps系列】精准度量:GQM与4Keys在研发效能中的应用

嘉为蓝鲸

DevOps 研发效能 效能度量 GQM 4Keys

融合创新,智领未来 | 华为云云原生精彩亮相2024华为云开源开发者论坛

华为云开源

云原生 开发者大会 华为云开源

CAD测坐标功能常见问题集锦

在路上

cad cad看图 CAD测量

英特尔携手行业合作伙伴,共拓医健融合之道

E科讯

蛋糕、面包加工厂MES智能化生产管理

万界星空科技

mes 万界星空科技 面包行业 蛋糕行业 食品加工行业

比特币网络及其经济基础的演变:从零到十万美元的非凡历程

区块链软件开发推广运营

交易所开发 dapp开发 链游开发 公链开发 代币开发

HarmonyOS 5.0应用开发——属性动画

高心星

arkui HarmonyOS NEXT HarmonyOS5.0 属性动画

数字孪生赋能BMS:开启电池管理新纪元

DevOps和数字孪生

【DevOps系列】企业效能洞察的必要性和重要性

嘉为蓝鲸

DevOps 效能洞察

【NeurIPS'24】阿里云 PAI 团队论文被收录为 Spotlight,并完成主题演讲分享

阿里云大数据AI技术

人工智能 阿里云 论文 NeurlPS

BSC项目开发:构建区块链应用的全面指南

区块链软件开发推广运营

交易所开发 链游开发 公链开发 代币开发

Python随机抽取Excel数据并在处理后整合为一个文件

不在线第一只蜗牛

Python Excel

智能运维树标杆!嘉为蓝鲸通过信通院首批AI Cloud Stability评估

嘉为蓝鲸

运维 AIOPS 大模型 中国信通院

【DevOps系列】企业度量难题破解:全面解析度量平台的核心能力

嘉为蓝鲸

DevOps 效能洞察 研发效能度量

TiDB 优化器 | 执行计划管理及实践

PingCAP

数据库 TiDB 优化器

荆门正规等保测评机构有吗?在哪里?

行云管家

等保 等保测评 荆门

外行如何速成专家?Embedding之BM25、splade稀疏向量解读

Zilliz

Milvus embedding向量 BM25 稀疏向量 splade

利用淘宝1688 API接口,构建高效淘宝代购与集运解决方案

代码忍者

代购商城系统

法国 mixtral一种具有开放权重的高质量稀疏专家混合模型

测试人

软件测试

用腾讯云AI代码助手开发一款数据库敏感信息检查工具

CodeBuddy

会议通知:人工智能通识教育与实践发展暨和鲸科技AI通识课解决方案发布会

ModelWhale

人工智能 大数据 高校课改 通识课

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