NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

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

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

评论

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

“openEuler未来发展” 采访熊伟博士

容光

操作系统

🐬【MySQL技术导航】带你认识一下数据库的锁

洛神灬殇

MySQL MySQL锁 6月日更

系统性思维 系统之美2

张老蔫

28天写作

研发自动化,你准备好了么?

PingCode研发中心

研发管理 研发效能 研发工具 研发团队

区块链:可持续发展的世界的有效工具?

CECBC

python——使用input()函数

在即

6月日更

权限与认证:JWT

程序员架构进阶

Token JWT 认证授权 28天写作 6月日更

速度,力度,广度:金融数智化中的华为“寻道”

脑极体

记一次K8s排错实战

雪雷

k8s 6月日更

defi流动性挖矿系统开发(案例版)丨defi流动性挖矿源码现成版

系统开发咨询1357O98O718

百度开发者中心全新升级 | 文末六一送福利

百度开发者中心

百度 福利

OpenYurt v0.4.0 新特性发布:高效地管理边缘存储资源

阿里巴巴云原生

云原生

Tapdata 数据库实时同步的技术要点

tapdata

数据库迁移 数据同步 实时数据分析

《原则》(三)

Changing Lin

系统性思维 系统之美1

张老蔫

28天写作

资产信息化、数字化和通证化—— 理解区块链世界新经济的优势

CECBC

区块链在数据管理中有哪些价值?

CECBC

ARTS--week 10 补打卡

steve_lee

持续测试 | 测试流程提效:在 CODING 中实践迭代内的持续测试

CODING DevOps

DevOps 测试计划 持续测试 迭代式测试

网络攻防学习笔记 Day34

穿过生命散发芬芳

网络攻防 6月日更

如何设置HashMap初始化大小

Hex

后端 hashmap

WebSocket 对象简介

编程三昧

大前端 websocket

PMP-项目管理标准

索隆

pmp 6月日更

分享:在阿里做Java开发的这五年,收获与感悟

Java架构师迁哥

Redis--哈希冲突

是老郭啊

redis hash

MySQL 基础之一:基本命令使用

打工人!

MySQL 6月日更

5分钟速读之Rust权威指南(十六)

wzx

rust

最近打算重新写一遍爬虫“指北”

IT蜗壳-Tango

IT蜗壳教学 6月日更

牛客网亲测有效!牛客下载量近百万的Java程序员复盘秘籍真滴强

小Q

Java 学习 编程 架构 面试

腾讯云携手信通院启动“云原生开源白皮书”编写,深度解读云原生

CODING DevOps

腾讯云 DevOps 云原生

《开源 PassJava》1、项目介绍

悟空聊架构

开源 面试 刷题 spring cloud alibaba 6月日更

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