Axure RP9使用指南

这篇具有很好参考价值的文章主要介绍了Axure RP9使用指南。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、快捷键

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

2、元件

(1)引入外部元件库。常用的是AntDesign的常用组件和AxhubCharts常用图表库
Axure RP9使用指南
(2)自定义元件库
a、新建元件库
Axure RP9使用指南
b、绘制完成后(举栗说明)
Axure RP9使用指南c、另存为
Axure RP9使用指南
d、后续将它作为一个元件库引入即可

3、母版

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

Axure RP9使用指南

4、动态面板(重要)

动态面板中可以设置状态,是axure中页面动态交互的主要手段
Axure RP9使用指南

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

Axure RP9使用指南

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

Axure RP9使用指南

选中按钮后,新建交互

Axure RP9使用指南Axure RP9使用指南
Axure RP9使用指南

(3) 在浏览器预览

Axure RP9使用指南

5、内联框架

(1)创建一个内联框架

Axure RP9使用指南

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

Axure RP9使用指南

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

Axure RP9使用指南
Axure RP9使用指南

(3)浏览器预览查看效果

Axure RP9使用指南

6、中继器

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

(1)模拟一个销售平台,可以按照销量和价格排序。

Axure RP9使用指南

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

Axure RP9使用指南

保存后:
Axure RP9使用指南

(3)填充数据

单击中继器,在中继器的样式中可以看到数据属性。表格的表头是属性名,表格列是具体的值
Axure RP9使用指南

右键可引入图片

Axure RP9使用指南

(4)添加数据和样式的连接

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

Axure RP9使用指南

b、设置文本

Axure RP9使用指南

c、选择中继器其中一项

Axure RP9使用指南

d、点击函数 fx

Axure RP9使用指南

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

Axure RP9使用指南

设置完成后:

Axure RP9使用指南

f、结果:

Axure RP9使用指南

(5)添加 销量和价格排序 ‘动作’

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

Axure RP9使用指南

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

Axure RP9使用指南

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

Axure RP9使用指南文章来源地址https://www.toymoban.com/news/detail-442046.html

7、未完待续。。。

到了这里,关于Axure RP9使用指南的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Axure rp9 利用中继器实现列表新增行、删除行的效果

    中继器(英文名Repeater)是目前为止Axure最复杂的功能(没有之一),学习它的使用有助于我们快速设计一些复杂的交互界面。本文通过Axure rp9 利用中继器实现列表新增行、删除行的案例,介绍如何利用中继器实现以下效果: 1、利用中继器实现列表的隔行变色。 2、实现列表

    2024年02月12日
    浏览(40)
  • 编织效率之梦:Visual Studio与Windows快捷键指南

        个人主页: 日刷百题 系列专栏 : 〖C/C++小游戏〗 〖Linux〗 〖数据结构〗   〖C语言〗 🌎 欢迎各位 → 点赞 👍+ 收藏 ⭐️+ 留言 📝  ​ ​ 常用快捷键整理 (用加粗标注的是我个人使用时常用的,其实这个全凭个人喜好,大家可以熟悉一下自己喜欢的,都多试试,把觉

    2024年03月23日
    浏览(64)
  • gdb基本使用快捷键

    gdb是Linux下的代码调试工具。 程序的发布有debug模式和release模式,Linux的gcc/g++模式,默认是release模式。若想在Linux下调试,程序必须为debug模式。使用: gcc/g++ -o text text.c -g 加上-g选项就变为debug模式。 可以使用查看是否为debug版本: readelf -S text_debug | grep -i debug gdb会记录最近

    2024年02月10日
    浏览(39)
  • Typora基本使用及快捷键

    用的少了,每次使用的时候总要查一查,记录一下,方便查阅。 1、代码块 2、各级标题 3、字体设置 4、引用功能 5、分割线 6、插入图片 7、插入表格 8、插入超链接 9、无序列表 10、有序列表 文章内容编辑完之后,按 “ctrl + 斜杠” 可以显示整篇文章的源码输入 11、数学公式

    2023年04月09日
    浏览(33)
  • 虚幻学习心得-一些快捷键的使用

    最新稍微学习了一下虚幻5,记录一下一些快捷键的使用 1.快速获取场景中的资源所在目录         Ctrl+B 2.快速进去蓝图界面         选中物体 Ctrl+E 3.导入模型         内容浏览器-添加-导入到... 4.大纲窗口搜post 调整镜头特效 5.创建漂浮的闪光例子         右键FX 6.音频文

    2024年02月16日
    浏览(42)
  • Vim快捷键及使用技巧

    ● 普通模式:打开文件时的默认模式,在其他模式下按下ESC键都可返回到该模式。 ● 插入模式:按i/o/a键进入该模式,进行文本编辑操作,不同之处在于插入字符的位置在光标之前还是之后。 ● 命令行模式:普通模式下输入冒号(:)后会进入该模式,在该模式下输入命令

    2024年02月10日
    浏览(36)
  • 如何使用tmux工具快捷键自定义

    前言: Tmux是一个终端复用工具(terminal multipler),在我们工作中经常需要编译安卓或者大型工程时需要ssh远程到服务器编译,一但使用远程的电脑断掉ssh连接(休眠、关机、重启、关掉ssh 连接等) 使用ssh登录的操作编译、vim等工作状态就随着ssh 会话结束而断掉。使用tmux工具

    2024年02月10日
    浏览(38)
  • idea使用 ( 五 ) idea常用快捷键

    6.1.1.前缀指令 psvm/main 生成 main 函数 sout/soutv/soutp 控制台输出 souf 占位符输出模式 .new new对象 .var 定义变量 .return 生成返回值 .if 生成 判断结构 .nn 生成 非null 判断结构 .for/.fori 生成 循环结构 6.1.2.高频使用 Ctrl + Alt + SPACE(空格) 代码提示,这个快捷键使用场景并不多,大部分情

    2023年04月26日
    浏览(43)
  • 电脑键盘快捷键和组合键功能使用大全

    一、最常用的电脑快捷键大全 二、电脑快捷键大全键和组合键功能大全 Ctrl+1,2,3... 功能:切换到从左边数起第1,2,3...个标签 Ctrl+A 功能:全部选中当前页面内容 Ctrl+C 功能:复制当前选中内容 Ctrl+D 功能:打开“添加收藏”面版(把当前页面添加到收藏夹中) Ctrl+E 功能:打开或关

    2024年02月11日
    浏览(38)
  • JavaSE进阶 | IDEA工具快捷键的使用

    ✅作者简介:大家好我是@每天都要敲代码,希望一起努力,一起进步!本博文是初学时所写,后面有详细的IDEA讲解IDEA全家桶讲解 📃个人主页:@每天都要敲代码的个人主页 目录 🏀关于IDEA工具的快捷键以及一些简单的设置 🥅project---Module---class三板斧 🥅IDEA常用快捷键 🥅

    2023年04月18日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包