一、Axure RP软件的布局以及功能介绍
⽂件-导出图⽚:当前打开⻚⾯对应的单张图⽚、所有⻚⾯
编辑-快捷键:保存、撤销 视图-重置
视图:当关闭某个窗⼝,可通过此次菜单快速恢复窗⼝视图
布局-组合、对⻬、分布,在⼯具栏也有快速按钮,可通过拖拽元件库中两个按钮到⼯作区中,进⾏一一说明使⽤,包含shift键多选元件、组合后右键或者概要中进⾏重命名
布局-显示⽹格和对⻬辅助线
发布-预览、预览选项、⽣成HTML⽂件,在⼯具栏也有快速按钮
二、 元件库
1、默认原件库—— icons:默认原件库包含部分图标
2、也可以使用 iconfont 的图标,chrome浏览器或者谷歌内核安装 axhub 插件快速复制
插件位置:https://axhub.im/chrome/
安装插件方式:https://sspai.com/post/54031
三、导入第三方元件库
AntDesign 、 Element、 Vant 等
四、⺟版
原型中需要重复使用的模块,我们要把它转换为母版
⻛格的统⼀、元件的复⽤
新建母版:
普通组件 -> 转换为母版 -> 母版
或者在母版的菜单里直接新建
删除母版:
母版文件 -> 脱离母版 -> 普通组件
使用母版:拖拽使用、母版重写
五、交互
定义链接、设置动作、多个条件场景、⻚⾯上的交互四种类型
交互样式(仅对当前元件的样式进⾏更改):选中元件,⿏标右键,选择【交互样式...】,选择交互触发类型, 选择要更改的交互样式。
交互动作(带有逻辑性):选中元件,在右侧交互⾯板选择交互事件类型,设置动作。
交互情形(带有逻辑性): 设置交互动作,在交互动作中添加情形并设置情形对应的动作;当某个元件的值满 ⾜A情形的时候做A动作,满⾜B情形的时候做B动作
六、 选项组
定义多个菜单栏、设置为选项组、则具有互斥功能
七、变量的使用
fx
局部变量[[userName]]
点赞
八、动态面板
它是⼀个多层容器,好⽐⼀本书有很多⻚⾯,每⼀个⻚⾯ (层)放不同内容,他可以与其它元件组合使⽤,实现动态切换改变⾯板状态。 Axure中很多的交互是由动态⾯板来实现的。 动态⾯板⾥⾯可以包含多个状态,所以通过⼀些事件可以对动态⾯板的状态进⾏切换,以此来实现交互效果。但任何时候都是只有⼀个状态是可⻅的,或者整个动态⾯板是被隐藏的。
九、自适应
页面样式 - 自适应视图 - 编辑自适应视图
十、中继器
它可以在原型⻚⾯中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:添加⼀个好友后,好友列表⾥就新增⼀⾏对应的记录。上传⼀张照⽚后,在对应的地⽅多了⼀张照⽚等。