写点什么

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

  • 2019-12-31
  • 本文字数:484 字

    阅读完需:约 2 分钟

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

AI 大模型超全落地场景&金融应用实践,8 月 16 - 19 日 FCon x AICon 大会联诀来袭、干货翻倍!

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

评论

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

Sass.vs.Less | 简介之基础语法

Jason199

SASS 8月月更

Kubernetes 企业如何落地

CTO技术共享

开源 签约计划第三季 8月月更

2022秋招前端面试题(八)(附答案)

helloworld1024fd

中断系统结构及中断控制详解

timerring

8月月更

每日一R「01」跟着大佬学 Rust

Samson

8月月更

【LeetCode】逐步求和得到正数的最小值Java题解

Albert

LeetCode 8月月更

C++运算符重载之加号运算符重载

CtrlX

c c++ 后端 运算符 8月月更

程序员为什么一定要用Linux?

TimeFriends

8月月更

Kubernetes 资源核心原理

CTO技术共享

开源 签约计划第三季 8月月更

《MySQL入门很轻松》第3章:数据库的创建与操作

乌龟哥哥

8月月更

Discourse 的关闭主题(Close Topic )和重新开放主题

HoneyMoose

springboot应用查询城市天气

程序员欣宸

Java spring-boot 8月月更

Edge 提供了标签分组功能

HoneyMoose

STM32F103实现IAP在线升级应用程序

DS小龙哥

8月月更

electron 应用开发优秀实践

vivo互联网技术

前端 Web Electron 桌面开发

微服务架构的核心关键点

阿泽🧸

微服务架构 8月月更

Kubernetes web网站无法访问

CTO技术共享

开源 签约计划第三季 8月月更

数据治理(四):数据仓库数据质量管理

Lansonli

大数据 数据治理 8月月更

如何快速打通镜像发布流程?

鲸品堂

镜像

Java基础 | Stream流原理与用法总结

Java 架构

绝了,这套RESTful API接口设计总结

知识浅谈

8月月更

Kubernetes与OpenStack

CTO技术共享

开源 OpenStack 签约计划第三季 8月月更

用Java扩展Nginx(nginx-clojure入门实战)

程序员欣宸

Java nginx 签约计划第三季

2022秋招前端面试题(七)(附答案)

helloworld1024fd

语音直播系统——有没有必要开展代码优化

开源直播系统源码

软件开发 直播系统 语音聊天源码 语音直播系统

Java 多行字符串

HoneyMoose

RocketMQ 详解系列

牧小农

RocketMQ

Kubernetes 实现 CI/CD 发布流程

CTO技术共享

开源 CI/CD 签约计划第三季 8月月更

MySQL 原理与优化,Group By 优化 技巧

老崔说架构

OpenMLDB + Jupyter Notebook:快速搭建机器学习应用

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征工程

mysql进阶(三十一)常用命令汇总

No Silver Bullet

MySQL 常用命令 8月月更

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