文章目录
一、变量的使用
1、局部变量
局部变量Local Variable:默认显示名称LVAR1,LVAR2…,作用范围为一个case里面的一个事务,一个事件里面有多个case,一个case里面有多个事务,可见局部变量的作用范围非常小。且局部变量只能依附于已有组件的使用,不能直接赋值。
相加案例
2、全局变量
全局变量就是一个数据容器,用来存放数据的,就像一个移动硬盘,可以把所需的材料存入,等到需要用的时候在取出来使用
点赞案例
点击新增设置对应全局变量
点击设置变量值的同时,设置文本,将全局变量的值赋值给对应目标元件
二、动态面板
- 动态面板在axure里经常被使用到,它是一个多层容器。他可以与其它元件组合使用,实现动态切换改变面板状态。
- 动态面板里面可以包含多个状态,所以通过一些事件可以对动态面板的状态进行切换,以此来实现交互效果。但任何时候都是只有一个状态是可见的,或者整个动态面板是被隐藏的。
1.设置动态面板
2.轮播图案例
点击工作区后,点击交互,选择 当页面载入时->设置面板状态
设置自动播放
设置四个圆点和图片相对应,并设置为指定选择组
点击元件右键设置样式效果,并选择第一个元件,右键点击选中设置选中样式
设置圆点点击事件
当动态面板改变时,设置对应圆点选中状态
设置左右切换图片按钮元件,并点击元件右键选择隐藏,并设置对应切换事件
给动态面板设置鼠标移入移出事件
效果:
3.手机页面显示 超出屏幕区域内容的处理
方式一 使用内联框架
选择一个手机模型元件
新建一个手机首页页面
回到手机模型页面,双击内联框架
效果:
方式二 使用动态面板
效果:
三、中继器
引入:1.样式的频繁修改,2.数据的频繁修改,重复性工作需要调整
它可以帮助你在原型页面 中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:添加一个好友后,好友列表里就新增一行对应的记录。上传一张照片后,在对应的地方多了一张照片等。
1.中继器基本使用
设置中继器
编辑每项中继器组成
设置中继器数据
给中继器赋值
效果:
2.中继器增删改查案例
iconfont具体引入演示
选择要下载的图标,点击下载按钮
选择想要的颜色后,选择svg下载
将下载好的svg文件拖入axure中,即可使用。
设置相关布局
从元件库拖入动态面板,设置新增和编辑页面,并将动态面板隐藏
新增
当点击取消按钮时,隐藏动态面板
设置对应局部变量后插入对应值
点击新增时,将表单中的内容清空
删除
给每项中继器中的删除按钮设置交互事件,当鼠标点击时,删除改行
批量删除
编辑
查询
效果: