Axure RP9使用指南

2024-05-21 00:23:47

1、快捷键

选中图层移动到上一层
ctrl + [
选中图层移动到下一层
ctrl + ]
选中图层移动到顶层
ctrl + shift + [
选中图层移动到底层
ctrl + shift + ]
合并为一组
ctrl + G
取消合并
ctrl + shift + G
锁定位置和尺寸
ctrl + K
解锁
ctrl + shift + K
拖动页面可以按住空格再通过鼠标拖动，这样不会失误拖动绘制的页面元素

2、元件

（1）引入外部元件库。常用的是AntDesign的常用组件和AxhubCharts常用图表库

（2）自定义元件库
a、新建元件库

b、绘制完成后（举栗说明）
c、另存为

d、后续将它作为一个元件库引入即可

3、母版

一些组件需要重复使用，就可以建立一个母版。使用起来很灵活。
（1）先创建一个公共组件
右键将其转换为母版
（2）在其他页面选择创建的母版，拖动到页面即可
（3）在拖动后创建的组件右键可以可以看到当前是 锁定到母版中的位置，现在改变模板中组件的位置，其他页面该组件的位置也会改变。
如果选择脱离母版，这个组件就会变成一个正常的组件。

4、动态面板（重要）

动态面板中可以设置状态，是axure中页面动态交互的主要手段

(1) 双击动态面板，创建状态。

(2) 添加交互按钮来切换页面

选中按钮后，新建交互

(3) 在浏览器预览

5、内联框架

（1）创建一个内联框架

可以将滚动条去掉来更好的模拟显示一个单页面应用

（2）将这个内联框架和想要动态切换的内容区相关联。举个例子

（3）浏览器预览查看效果

6、中继器

一个中继器可以分为样式、数据、动作三个部分。直接上例子

（1）模拟一个销售平台，可以按照销量和价格排序。

（2）双击中继器进入样式编辑状态，添加销售商品的商品名、价格、销量

保存后：

（3）填充数据

单击中继器，在中继器的样式中可以看到数据属性。表格的表头是属性名，表格列是具体的值

右键可引入图片

（4）添加数据和样式的连接

a、单击中继器设置每项加载事件

b、设置文本

c、选择中继器其中一项

d、点击函数 fx

e、选择销量对应先前配置的数据变量

设置完成后：

f、结果：

（5）添加销量和价格排序 ‘动作’

a、点击销量（价格）按钮添加单击时排序

b、添加排序方式和对应的变量

c、浏览器预览并查看结果

7、未完待续。。。

Axure RP9使用指南相关推荐

Axure RP9 自学之路2-基础操作篇
关注头条@路飞写代码,获取更多内容上期回顾前一篇文章我们主要是介绍了软件的安装,以及学习该软件的一些初衷,以及对软件的一些区域功能进行了相应的说明. 主要知识点添加元件.设置元件名称.位置尺寸. ...
通过图片找到桌面相同图片区域坐标_【Axure RP9原型案例】京东与淘宝的商品图片是如何被放大的...
摘要:在电商的商品详情页中我们经常会看到图片放大器的运用,我们以京东商品详情页为例来制作这样的原型效果.案例中综合运用了鼠标移入事件.鼠标移动事件,元件的移动.元件的显示/隐藏等交互动作. 京东示意图 ...
【原型设计】实用节：Axure RP9 的一些常用的快捷按键组合操作
本文章为axure 软件的快捷键组合说明使用版本:axure rp9 使用快捷键组合的好处 1.提高我们的工作效率 2.提高我们的原型质量实用的快捷键组合整理 1.ctrl + s 保存 2.ct ...
【原型设计】第五节：Axure RP9 交面交互的使用说明 02 显示隐藏元素
本文章为axure 软件的界面交互制作的说明使用版本:axure rp9 交互的说明 axure 提供了多样丰富的交互功能,打开链接.显示隐藏.多选.输入框输入值.场景等交互内容,能够让我们完美的实 ...
【原型设计】第四节：Axure RP9 交面交互的使用说明 01 打开链接交互效果
本文章为axure 软件的界面交互制作的说明使用版本:axure rp9 交互的说明 axure 提供了多样丰富的交互功能,打开链接.显示隐藏.多选.输入框输入值.场景等交互内容,能够让我们完美的实 ...
【原型设计】第三节：Axure RP9 母版的使用说明以及操作教程
本篇文章为axure 原型设计制作教程适用版本:axure rp9 母版的使用说明母版实际上是用于制作,固定界面元素的界面层,一般如后台管理系统的后台系统菜单.小程序的菜单.app的菜单等. 总结 ...
【原型设计】第二节：Axure RP9制作自己的元件库的操作教程
本篇文章为axure 的自定义元件库教程适用版本:axure rp9 安装完毕后我们的axure,接下来我们优先说下自己的元件库该如何创建和进行使用. 元件库的制作方法步骤一. 打开axure软件 ...
Axure RP9 自学之路1-软件初识
关注头条@路飞写代码,获取更多资料学习初衷本人前端工程师一枚,一直以来的开发,都是按照产品经理给出的原型界面来进行Web页面开发,虽然很早就知道有这么一个快速制作原型的工具,但是自己都是没有深入了 ...
Axure RP9授权码适合3658版本，亲测可用
Axure RP9授权码适合3658版本,亲测可用授权用户: www.7down.com 授权密匙: fAL2Vx1hDZcCG9zvuYOXd0KvD9yyPDsfR6+8SZ8fONtm0sNg ...
Axure RP9教程内部框架
Axure RP9教程内部框架一.说明二.效果演示三.操作步骤 1.内部页面 2.外部页面一.说明内部框架是Axure的一个元件,在PC端设计时比较常见,例如CSDN个人中心后台,根据左侧 ...

最新文章

热门文章