准备事项　　1.建好页面，备用　　2.
拖1个中继器到画布里，选中中继器，然后在样式-数据里，编辑好一级菜单;一级菜单只做二级菜单的展开收起用，所有直接录入菜单名字就行。二级菜单，对应的列，选择单元格，然后右键引入页面，选择要打开的页面就行　　第 1 步 设置二级菜单+交互事件　　1.1 双击中继器，进入中继器里面，选中矩形，给矩形命名：一级菜单　　1.2
再拖1个新的矩形进入中继器，命名：二级菜单1，设置单击事件，选择单击时打开链接(如果需要的话，你可以设置成在内联框架中打开链接，我就是设置的内联框架中打开，

　　步骤　　1、拖入必要的控件并命名　　一个Button(按钮)，一个Text Filed(输入框)，一个动态面板Dynamic
Panel(动态面板)，动态面板里随便放点内容;每个控件都命名一下，分别命名为文件上传按钮，文件上传输入框，正在上传面板，方便后续用　　2、设置输入框类型并将动态面板设为隐藏　　设置输入框类型为File　　3、设置输入框交互　　设置输入框OnLoad事件Open Link(打开连接)，Link To External URL(链接到url)，函数中输入　　javascript:　　var f=$(“[data-label=’文件上传输入框’]”).children()[1];　　$(“[data-label=’

　　1、全屏代码：　　javascript:function requestFullScreen(element) {var requestMethod =
element.requestFullScreen ||element.webkitRequestFullScreen
||element.mozRequestFullScreen ||element.msRequestFullScreen;if (requestMethod)
{requestMethod.call(element);} else if (typeof window.ActiveXObject !==
undefined) {var wscript = new ActiveXObject(WScript.Shell);if (wscript !==
null)
{wscript.SendKeys({F11});}}};requestFullScreen(document.documentElement);　　2、退出全屏代码：　　javascri

　　一、中继器的原型　　1. 中继器是什么　　简单来说，中继器就是一张表，也可以说是一个数据集;可以用于储存数据以下，为了简单理解，我们把他比作excel表格，只不过他除了储存文字外，还可以存储图片、页面等内容。　　2. 中继器的好处　　那中继器到底有啥好处，为什么我们要用中继器，不直接把原型话出来呢?　　我以下图为例子，例如你要做一个美食介绍的原型，里面有成千上百款菜式，先不说交互，你把他画出来都要很久的时间。　　其实我们观察之后可以发现，其实每一部分的内容都是相像的，就是text
picture元件，所以我们用中继

　　中继器是Axure中的一个*元件，可以当做Axure中的小型数据库使用，用于实现一些增删查改的效果，同时可用于一些具有相同元件组合的组件的快速生成，比如APP中的设置，如下图所示。下面我们介绍一下怎么用中继器实现。　　中继器基础知识　　我们先介绍一下中继器的基础知识，拖入一个中继器，可以看到显示的是纵排的三个矩形框，框中内容分为为1,2,3，交互中有一个事件每项加载时，元件动作是设置矩形框的文本为Item.Column0，点击样式，可以看到有一个数据表格，默认只有一列Column0,列中数据为1,2,3。双击中继器，可以看到其中只有一

　　在看教程之前，请行了解一下，什么时javascirpt，JavaScript入门教程自行百度。　　JavaScript介绍：　　JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。　　为什么会想在Axure上加载第三方脚本!　　其实原因有很多，主要原因就是想突破自的能力，想在原型制作上更上一层。加上一些动态效果需求是无法通过Axure实现的。　

　　在产品设计过程中，会做一些图表分析的功能，这时候会经常使用饼状图，今天我来教下饼状图的绘制方式~　　1、从元件库中拖入一个圆形，设置圆形大小“160*160”，选中圆形后，右键单击　　2、单击【选择形状】后，在形状库中选择“扇形”　　3、拖动黄色小圆点，将扇形夹角度数设置小一点　　4、接下去复制1个扇形，圆心与*个对准，拖动第二个扇形的小圆点　　5、在这边我们确认一下饼状图需要表示几个指标，即要分为几块;然后复制对应的扇形，例五块。则复制5个扇形，根据需要调整各个扇形的夹角度数(拖动小圆点即可)，*在概要里面可

　　在用Axure
RP设计原型的时候，需要做这样一个交互：单击鼠标右键时，显示或隐藏一部分内容。但是鼠标右键在浏览器中默认会出来系统菜单。就会遮挡住我们想要展示的内容。　　那么有没有办法禁用浏览器的右键菜单呢?当然可以实现，但这基本不属于axure的范畴了，是利用JS代码实现的。如果你有这种特殊需要，就按下面的方法操作吧!　　首先，顶部菜单打开【发布】【生成HTML 文件】进入下面的界面。　　然后下面严格按照以下步骤操作：　　1、点击Fonts，切换到自定义字体面板。　　2、点击添加字体按钮　　3、名称那里随便输入个123　

　　一、软件操作界面介绍　　如果您已经有自己操作熟悉的软件(如office系列)，那么对于新接触的一般的软件操作界面就都不会太陌生了，因为长得都差不多。因此，刚接触Axure时，您会对它的界面也不会很陌生。。。。。　　菜单栏：基本上所有的软件*行都是标题栏(
当然，现在有些软件为了有更大的操作界面，标题栏做了省略操作，与菜单栏合并)，标题栏基本上都是由文件名、软件名版本号及右上角的最小化*化及关闭三个按钮组成。　　标题栏：大部分软件的标题栏都包含【文件】、【编辑】、【帮助】等，而不同软件相同菜单名下的命令却相差

　　1.1页面布局　　1.1.1页面设定　　新建一个页面，命名为【界面右侧悬浮可伸缩动态按钮】，在这个页面下面新建一个叫做【界面1】的子页面，再在【界面1】下面新建两个2子页面，分别命名为【界面1-1】和【界面1-2】。　　1.1.1.1【界面右侧悬浮可伸缩动态按钮】　　在页面内新建一个【动态面板】。　　【动态面板】的【State1】内分别从左侧元件库内拉入两个【矩形】做一级背景(大小尺寸为1704*940)和二级背景(大小尺寸为1704*821，上下边框为实体线框，较粗样式，颜色为#06C1FA)。　　并从左侧元件库内拉入一个内联框架，将其嵌入到二级

　　有很多初学axure的朋友不知道在哪里去掉预览页面左上角的图片，其实很简单，只要知道在哪里设置，并做简单的处理就可以去掉了，具体操作请看下方：　　【发布】-【生成HTML文件】-【标志】-【删除】　　操作完毕之后就去掉啦，有没有很简单，当然你也可以导入你想放置的图片、修改标题。　　贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校，同时也是一所实行准军事化管理的学校。

　　本教程主要是运用获取鼠标坐标参数以及来判断鼠标入点的方向。　　当鼠标从元件A的方向移入时，则元件B从对应方向滑进。　　4、假设鼠标从左边移入，添加事件case2，设置元件为显示，动画为，时间：200毫秒。

　　在拖动安装Axure RP Extension for Chrome插件时，提示“无法从该网站添加应用、扩展程序和用户脚本”的错误。　　本文提供Axure RP Chrome插件拖动安装失败后的解决办法　　1、修改文件后缀，并解压。将Axure RP CRX 0.6.3 for Chrome.crx 改为 Axure RP CRX 0.6.3 for
Chrome.rar并解压;　　2、打开Chrome浏览器，按照下图找到扩展程序;　　3、在扩展程序页面，点击“加载已解压的扩展程序”按钮;　　4、在选择扩展程序目录窗口中，选择刚才解压的“Axure RP CRX 0.6.3 for
Chrome”文件夹，点击“选择文件夹”即可安装成功　　

　　今天讲解如何调整间距大小，来快速提升原型整体的美感。　　调整控件对齐方式　　调整控件之间的间距大小　　调整字体大小样式　　使用适当的颜色搭配　　对于初级设计师来讲，间距是很容易被忽略的细节，也不容易把握分寸，往往设计出来的页面不够美观，甚至导致页面内容混乱不堪，让人不知所以，而合适和统一的间距规则，能够有效的提升页面的整齐度和内容信息的聚合度，让页面结构整齐有序，内容层次分明，一目了然。　　事实上间距的调整没有一个*的标准，找到合适的适用于当前系统的尺寸即可，这里推荐几个使用较多的尺寸：4px、

　　实现效果　　1、“Axure”板块向右平滑移动，与“版”“跳”“一”“跳”即将靠近时，“版”“跳”“一”“跳”分别向左跳一格;　　2、“Axure”板块向左平滑移动，与“版”“跳”“一”“跳”即将靠近时，“版”“跳”“一”“跳”分别向右跳一格。　　原理分析　　1、本案例循环面板有2个状态，分别命名“state1、state2”，面板载入时，每隔5秒变化一次状态，　　2、循环面板状态为state2时，　　2.1 在4秒钟内向右线性移动“Axure”板块，移动距离为640px;　　2.2 同时，在1秒钟内逆时针将“版”板块旋转180度(相对位置)，因为要向

　　动态面板在Axure原型设计中，可以说是应用最广泛的了。本次课程我们学习用动态面板制作多级联动效果　　一、制作交互效果　　*步：创建动态面板　　创建动态面板命名为“医生“　　创建四个面板，其分别命名为：选择地区，选择医院，选择科室和选择医生　　01、选择地区　　02、选择医院　　03、选择科室　　04、选择医生　　第二步：添加交互　　01、动态面板默认为”选择地区“，进入”选择地区“面板点击某个地区时，选择”设置面板状态“，触发”鼠标点击事件“，勾选”医生“动态面板，选择”选择状态“为选择医院　　02、进入”

　　生活中经常遇到需要平滑改变一个值的应用场景。比如听音乐的过程中，调节音量，又比如游戏竞猜过程中，调节竞猜数量等，这种场景最适合使用滑动条。作者将通过这篇案列分享，教大家使用Axure制作实现“滑动条：拖动滑块改变进度”　　演示地址：滑动条：拖动滑块改变进度　　实现效果　　1、左右拖动滑块，实时显示当前进度　　2、向左或向右拖动均有边界值，无法拖出边界范围　　3、实时显示当前的百分比数值　　原理分析　　1、滑动条效果由固定长度背景 进度可见区域组成　　2、拖动滑动，触发进度可见区域改变，从而显示滑动条效果

　　“滑动验证”　　此案例里的一些重点如下：　　1、 动态面板的运用　　2、 动态面板宽度和内部元件的关系理解　　3、 动态面板“拖动”交互动作的运用　　4、 动态获取数值及动态计算的运用　　5、 添加动作时，组合条件的运用　　好了，不废话了，进入正题，开始画这个原型了　　一、准备工作　　1、拖入矩形　　画一个验证完成前的背景，300×40(尺寸可根据你的喜好需求自行调整)，输入文字，调整到适合的样式，起个便于识别的名称(背景)　　2、复制你刚刚画的背景　　改名为“状态背景”，这个是验证完成后的背景;调整完样式以后，

　　1、双向列表均支持单选、多选或全选;　　2、移入选项、点击选项时分别有文字颜色或背景色的变化，突出选项;　　3、如果左侧选项没有选中，点击向右选择时，出现错误提示信息;　　4、如果右侧选项没有选中，点击向左选择时，出现错误提示信息;　　5、点击全部选择时，左侧数据全部移入右侧;点击全部取消时，右侧数据全部移入左侧;　　6、每次选择变动后，可选项和已选项的数据都会相应变化;　　7、当可选项或已选项为0时，可选项和已选项的数据也能正确显示;　　原理分析　　1、提供左右两个列表框，两边的数据内容一致，数据是否显示的

　　对于制作原型的初学者来说，可能感觉比较困惑的地方是，不管怎么做总感觉原型整体不美观，不知道怎样才能快速提升整体的美感，其实通过几步简单的调整，就可以让原型达到整齐美观的效果，不管是原型设计、PPT、Word等需要排版布局的地方，都可以运用这几步使整体样式变得整齐　　调整控件对齐方式　　调整控件之间的间距大小　　调整字体大小样式　　使用适当的颜色搭配　　下面我将逐步为大家讲解在Axure中如何使用这些技巧来提高页面的美观度，这一讲将讲解控件的对齐方式　　对齐方式　　在Axure中有两种对齐的方式，一种是对齐，另