axure中继器案例
第一步：展示数据
- 做表头1*7的，修改底色为灰色（方便和下面的数据分隔开，好查看）
- 修改文本框内容，第一个空着，后面一次改为“姓名”，“性别”，“年龄”，“电话”，“操作1”，“操作2”
- 添加一个中继器，复制表头，双击进入编辑区域，粘贴表头，删除原有的一个矩形框，将复制的表头拉到原点
- 删除中继器编辑器中表头的文字，并将其重新命名为“姓名”，“性别”，“年龄”，“电话”，“修改”，”删除“，特别的将”修改“，”删除“修改样式，成为蓝色加下划线，保留”修改“、”删除“的表头内容
- 退出中继器编辑器添加数据，第一行分别命名为name,gender,age,tel，下面行为需要添加的数据，这里添加了22行数据
- 将中继器的数据关联起来，在数据项加载时
第二步：删除数据
进入中继器编辑器，设置”修改“点击时的交互样例为删除this行
第三步：修改数据
退出中继器编辑区，增加一个修改弹出框
弹出框，一个矩形中四个标签文本内容分别是“姓名”，“性别”，“年龄”，“电话”，再有四个文本框，分别命名为“姓名”，“性别”，“年龄”，“电话”，下方两个矩形框，分别将文本内容和命名为”确认“和”取消“，将所有内容进行组合和命名为”修改弹出框“，设置为隐藏
双击修改进入中继器编辑区，添加鼠标单击时用例，标记this行
设置”姓名“的文本为中继器数据库”name“列的值
依次类推设置”性别“、”年龄“、”电话“
显示修改弹出框
退出中继器编辑器，为确认按钮更新已标记的每列对应的数据
为确认按钮继续添加交互，取消所有标记行，隐藏修改弹出框
- 为取消按钮添加点击时隐藏修改弹出框的交互用例
第四步：添加数据
- 添加一个按钮和一个添加弹出框
- 为添加按钮增加交互用例，点击时显示添加弹出框
- 为确认按钮增加点击时用例，为中继器添加行后隐藏添加弹出框
- 为取消按钮添加点击用例为隐藏添加弹出框
第五步：搜索
添加一个搜索框、一个模糊搜索、一个精准搜索框，分别将内容和命名为”搜索“、”模糊搜索“、”精准搜索“
为精准搜索添加点击时用例
用例1：当搜索框为空时，移除全部筛选条件
用例2：当搜索框不为空是，添加中继器筛选
为精准搜索添加点击时用例
用例1：搜索框为空时，移除所有筛选条件
用例2：当搜索框不空时，添加筛选条件
第六步：分页跳转
将中继器中的数据进行分页
拖入”上一页“、”下一页“选择按钮
为两个按钮添加点击时按钮
添加”首页“和”末页“按钮，并为其添加点击时用例
跳转设置，设计两个按钮和一个文本框，按钮内容分别时”跳转至“、”页“，文本框命名为跳转页数，文本框添加文本改变时的用例
设置页码，添加一个文本，命名为”页码“，点击中继器，在加载时设置文本
第七步：全选、取消、反选
- 进入中继器，添加一个复选框，命名为”选择“，在第一列
- 退出编辑器，添加三个按钮分别命名和内容设置为”全选“，”取消“，”反选“
- 为按钮添加点击时用例，对应的值分别为true、false、toggle
第八步：排序
- 添加一个三角形并命名为”三角形“，放在年龄右上方
- 为”年龄“添加点击时用例，添加排序，并将三角形旋转
可以为按钮等添加鼠标移入和按下的交互样式
axure中继器案例相关推荐
- Axure 9 案例教程进阶篇之课程简介（带你玩转高交互设计）
前言 在Axure 9 实战案例专栏基础篇中 (了解更多>>),我们讲解了基本元件.动态面板.交互事件与母版等4章实战案例,相信学习过的同学,实战能力提高不少了吧:那么在进阶篇中,我们将主 ...
- axure树形表格_Axure教程：Axure中继器实现动态树结构控件详解
树结构是原型设计中常用的控件之一,常用于组织架构等功能.本文作者参照钉钉后台组织架构样式,使用Axure中继器实现动态树结构控件. 一.交互样式 初始样式(以钉钉后台-通讯录-组织架构为例): 初始载 ...
- axure 中继器标记行_动作中继标记
axure 中继器标记行 Meta tags can also be used to cause actions in the browser itself. The most common is t ...
- Axure中继器的使用（一）
Axure中继器的作用 中继器的英文叫做"Repeater"表示重复的意思,其实中继器有个数据集的概念,所谓的数据集就是这个中继器所要处理的数据源,这种数据集是以行列格式的,有点像 ...
- Axure教程：如何使用Axure中继器元件？
使用之前 在使用之前,我们总得搞清楚我们将要使用的元件是什么东西. 据Axure官网介绍,中继器是一种用于展示模式重复的文本或图标的元件.没看懂?不急,我们先看一下效果演示,然后再一步步把这个效果做出 ...
- axure中继器求和_如何利用Axure中继器，实现商品数量增减、价格总计效果
本文详细讲解:利用Axure中继器实现商品数量的增减,以及商品价格的总计的操作流程. 一般在做购物车.预算表中都会涉及到商品数量的增减,与商品价格的合计. 那么,我们怎么通过中继器来实现这个效果呢?本 ...
- axure原型案例_AXURE原型设计：移动端搜索原型案例
编辑导语:搜索框是每个软件.系统.app必不可少的一个组成成分,本文作者今天就基于在实际工作中需要用到的原型,和大家分享一下移动端的搜索原型案例,以及设计出来的axure组件. 常见的搜索原型包括:普 ...
- axure原型案例_Axure RP9原型案例：制作一个可以滑动的菜单
摘要:在PC端的产品中我们会常常见到滑动式菜单,当鼠标移入菜单上方,向下或向右自动滑动弹出子菜单,当页面信息层级较多或功能较多时,在产品设计时经常会用到这种滑动式菜单.今天就和大家分享如下制作滑动式菜 ...
- Axure中继器组件的使用
中继器的定义 Axure提供中继器部件,用来显示重复的文本.图片和链接,通常用来模拟数据库对数据的增删改查操作,中继器经常应用于显示商品列表信息.联系人信息.用户信息等等. 使用场景 表格信息 文章列 ...
- Axure 交互案例：放大缩小图片
产品经理在进行原型设计的时候,时常会遇到这样一种动态效果:鼠标移入到页面中的某个图片或者图标上,图标会进行放大,提醒用户现在鼠标所在的位置为当前的图片.移出该图片时,图片的尺寸回复为原本大小. 通 ...
最新文章
- SDWebImage 最新版详解
- Cpp拾零(to be continued)
- BRCM5.02编译七：No package 'uuid' found
- 【动态规划】01背包问题：购物袋
- 【排序算法】插入排序-常规方法
- ThreadLocal原理浅析
- tomcat设置JSessionID长度问题
- 一种考虑时空关联的深度学习短时交通流预测方法
- CSS解读之box-sizing属性
- 堆载预压弹性变形怎样计算公式_支架载荷计算公式
- 蛋壳梦破：CEO被限制消费，资金链碎了一地
- Python3爬虫抓取网易云音乐热评实战
- 分区助手4.0绿色中文版
- 开源项目SMSS发开指南（四）——SSL/TLS加密通信详解
- order by 1含义
- 电子邮件头Received分析
- Recipient List camel并行
- （攻防世界）（pwn）forgot
- pip 安装protobuf_Python3.6安装protobuf模块+将proto文件转换成pb2.py文件
- OCR识别-证件识别