Axure
- 动态面板
- - 图片轮播
  - 跑马灯
  - 开关效果
  - 固定到浏览器窗口
  - 多级折叠菜单
  - 标签导航
  - 移动端抽屉
  - 微信列表纵向拖动
  - 音量条拖动
  - 启动页和引导页
  - 交互样式与选项组
  - - 选项组
    - 选项组（单选按钮案例）
    - - 自制
  - Axure9变量的概念
  - - axure变量的概念
    - axure全局变量
    - axure局部变量

Axure

动态面板

动态面板类似于图层。它里面可以放置很多空间通过对空间的合理组合，状态的切换，最终实现多种动态的交互

图片轮播

步骤：
1、添加动态面板，并按照实际情况设置大小，添加名字。
2、双击动态面板，添加状态（重复/删除）

3、在每个状态下添加图片，图片为gif形式，请不要优化图片。设置图片大小，xy设置00，虚线外不显示。
4、设置完图片，加入icon箭头。

5、箭头设置交互新建交互-单击时-设置面板状态-选择面板-选择state

勾选向前循环或向后循环~否则，到头就暂停了。

可以每隔3秒自己播放
选择动态面板新建交互-载入时-设置面板-选择面板-下一项（上也行）-循环间隔

跑马灯

&emsp内容首尾相连，向一个方向滚动。

步骤：
1、创建一个矩形2-将文字写入并调整-右键-转换动态面板-改名（跑马灯）

2、双击进入动态面板-添加状态-将矩形复制到state2

3、点击空白处-新建交互-页面载入时-设置面板状态-目标（跑马灯）-下一项-向后循环-想做滑动-5000毫秒（我觉得速度合适）-循环间隔0ms

效果：

开关效果

步骤：
1、用矩形做出两个开关按钮

2、选择开启按钮，转换动态面板，Ctrl+X选择关闭按钮，双击，添加状态，Ctrl+V，调整。
3、新建交互-单击时-添加情形-设置面板状态
、

效果:

固定到浏览器窗口

步骤：
1、先做一个大致网页，调整到xy=0。

2、导航栏1、2转换为动态面板
3、选择两个-右键-顺序-置于顶层
4、选择两个导航栏-固定到浏览器（选择居中是看本来是什么）

效果：

多级折叠菜单

步骤：
1、做一个折叠菜单，复制出标题，并转换为动态面板，添加state2。

2、需要多少做多少，并取名字。

3、新建交互-单击时-设置动态面板-目标选择菜单名-下一项并向后循环-向下滑动“时间改为200ms”-勾选推动和拉动元件时间50ms

效果：

标签导航

制作一个舵式导航。
步骤：
1、选择IPhoneX/XS，先用按钮做一个导航标签。

2、新建一个动态面板-新建状态-填充内容

3、新建交互单击时-设置动态面板-目标-选择按钮需要的页

效果：

移动端抽屉

步骤：
1、做一个首页
2、添加动态面板-做一个菜单做一个笼罩（动态面板至于顶层）

3、新建交互-单击时-显示/隐藏-菜单和笼罩切换

效果：

微信列表纵向拖动

步骤：
1、初始素材，并取名。屏幕置于底层，微信内容组合。

2、顶部底部控件转换动态面板，取消自适应。

3、将顶部底部控件屏幕置于顶层屏幕，将信息置于底层。将信息转换成动态面板。

4、记录位置

5、新建交互-拖动时-移动-动态面板-垂直拖动-顶部>=底部<=

音量条拖动

步骤：
1、素材:矩形框 +水平线+一级标题

2、将矩形转换为动态面板，新建交互-左侧>= 右侧<

效果：

启动页和引导页

引导页：新手引导页；
步骤：
1、做一个启动页，转换成动态面板。
2.、添加状态，做后续页。

3、对启动页，新建交互-载入中-等待1500ms

4、对引导页，做滑动效果。

最终效果：
载入+可左右滑动。

交互样式与选项组

选项组

步骤：
1、创建两个矩形框，全部可右下方双击。

2、新建交互-单击时-设置选中-值-当前为真。

3、右键-交互样式

4、全选-水平
5、右键-选项组
效果：

选项组（单选按钮案例）

步骤：
1、新建-水平

2、全选-组成单选按钮

效果：

自制

步骤：
1、创建按钮

2、中心圆新建交互-单击时-设置选中-值-当前为真。

3、新建交互样式

4、选中中心圆-选项组

效果：

Axure9变量的概念

axure变量的概念

变量这个概念来源于数学,简单的理解就是一个可以变的值 ,在axure里面变量他就相当于一个容器,它是用来存放数据的,或者存放一个抽象的概念。
在axure里面变分两种, 一种是全局变量,一种是局部变量全局变量局部变量。

axure全局变量

在整个原型设计中可以随时使用,它在所有页面都能被调用,还有一-句话非常重要 ,我们在创建全局变量的时候, axure_上面有一段文字，是这么说的，创建全局变量用于浏览器中页面切换时存储数据,这是axure全局变量的主要用途。

axure局部变量

顾名思义,能够在局部使用的变量,在axure里面局部指的是,在它被创建的动作下,而这个动作就是局部变量的作用范围。超出这个范围,局部变量将不能被调用或者说使用。

Axure9(基础二)相关推荐

蓝鸥Unity开发基础二——课时20 接口
蓝鸥Unity开发基础二--课时20 接口一.接口使用interface关键字定义接口接口定义一组成员单不直接实现它们二.实现接口实现接口的任何类都必须实现其所有的成员方法接口不能直接实例 ...
shell基础二十篇一些笔记
shell基础二十篇转自 http://bbs.chinaunix.net/thread-452942-1-1.html 研讨:Bash 内建命令 read (read命令更具体的说明见博客收藏的一 ...
Bootstrap基础二十七多媒体对象（Media Object）
Bootstrap<基础二十七> 多媒体对象(Media Object) 原文:Bootstrap<基础二十七> 多媒体对象(Media Object) Bootstrap 中 ...
Web开发（一）·期末不挂之第三章·HTML基础二（html实现表格和表单）
HTML基础二一. 表格✪✪✪ 二.表单插入表单输入标签✪✪ 多行文本域下拉菜单三.其他 label标签内联框架一. 表格✪✪✪ 插入表格: < table>< /ta ...
shell基础二：查找技巧,find及xargs的使用
2019独角兽企业重金招聘Python工程师标准>>> 使用find时,只要把想要的操作写在一个文件里,就可以用exec来配合find查找,很方便的 (在有些操作系统中只允许- e ...
自考计算机软件基础交作业,全国2009年7月自考计算机软件基础(二)试题及答案...
全国2009年7月自考计算机软件基础(二)试题及答案课程代码:02365 一.单项选择题(本大题共20小题,每小题1分,共20分) 1.下列选项中属于事务处理软件的是( A ) A.工资管理软件 B ...
python路由编程_Python Django基础二之URL路由系统
MVC和MTV框架 MVC Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的.松耦合的方式连接在一起,模型负责业务 ...
[GO语言基础] 二.编译运行、语法规范、注释转义及API标准库知识普及
作为网络安全初学者,会遇到采用Go语言开发的恶意样本.因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识:另一方面是分享与读者,希望大家一起进步.前文介绍了什么是GO语言 ...
MariaDB基础(二)
MariaDB基础(二) 介绍关于MariaDB的如下知识点: 1. 查询缓存 2. 索引 3. EXPLAIN 1.查询缓存: 1)什么是缓存? 缓存就是数据交换的缓冲区,即Cache,存放在内存中 ...
一年级前一学期计算机应用题,一年级计算机应用基础(二)
一年级计算机应用基础(二) (5页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分计算机应用基础试卷(二)满分100分:时间60分钟;一. 填 ...

Axure9(基础二)

目录