在看教程之前，请行了解一下，什么时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中有两种对齐的方式，一种是对齐，另

　　辅助线顾名思义就是用于辅助页面进行排版布局的线，辅助线可以帮助我们在页面设计之初，对页面结构、内容排版、间距大小进行合理的划分(这里涉及到栅格系统的设计不做具体介绍，感兴趣的可自行百度了解)，在Axure中包括全局辅助线和页面辅助线两类1、显示与隐藏　　辅助线可以设置为显示或者隐藏，在“布局-栅格和辅助线-显示全局辅助线/显示页面辅助线”，勾选即可生效　　2、删除辅助线　　删除单条辅助线：选中辅助线，按“Delete键”、“返回键”或者右键删除　　删除所有辅助线：“布局-栅格和辅助线-删除所有辅助线”　　3、锁定

　　1、点击播放按钮，可播放、暂停歌曲;　　2、点击前进按钮/后台按钮，可切换歌曲;　　3、切换歌曲时，当前是播放状态，则切换歌曲的时候也是播放状态;　　4、切换歌曲时，当前是暂停状态，则切换歌曲的时候是暂停状态;　　5、歌曲切换的时候，顶部歌曲名称及演唱者会相应变化;　　6、歌曲播放过程中，歌曲会显示实时的播放进度。　　温馨提示：此演示案例带有声音，工作期间请带上耳机，以免造成不必要的影响　　原理分析　　1、通过播放/暂停按钮控制循环动态面板是否循环　　2、通过上一首、下一首按钮控制切换歌曲　　3、通过循环动

　　案例一：简书App顶部tab切换　　打开简书App，观察发现频道顶部导航“推荐/VIP/专题”的tab切换效果，当我们点击导航菜单，该项菜单被选中，菜单文字变为了红色，同时下划线水平移至菜单项正下方。为了实现这样的交互效果，我们需要为每个导航菜单项设置一个“鼠标单击事件”，为当前菜单添加“选中”动作，为下划线添加“移动”动作。根据刚才的分析思路，下面我们来动手实现这样的交互。　　01 元件素材准备　　从系统元件库拖动三个文本标签和一个水平线至设计区域，并为每个元件命名。为三个导航菜单分别设置相同的选中样式，选中

　　直接上推动和拉动元件的定义：　　注意点：　　1，被推动元件的坐标需=显示元件坐标?　　2，推动的距离正好是，显示元件的高度或宽度?　　3，被推动元件必须跟显示元件推动方向范围内有一定的相交?　　虽说是定义，不说还好，很多小伙伴还能理解推动和拉动。分享完定义，估计晕倒一片!　　我们先看看，显示隐藏的推动和拉动的交互设置界面。　　方向：下方，右侧;意思：推动的时候：向下方推动和向右侧推动。拉动：就是把下向的元件和右侧的元件拉回来。　　1，被推动的元件，必须=显示元件的坐标?例如向下推动。　　A：为显示隐藏对象

　　开始原型设计　　1、增添数据到中继器中　　(1) 首先，打开我们上一周做到一半的Axure文件　　(2) 在中继器外部添加一个命名为“添加”的按钮，设置按钮的鼠标点击的动作为：添加行到中继器，并填入需要添加的信息内容。　　教程中添加信息为：Apple 苹果 台式机 128GB 512MB 12999;　　2、批量操作数据　　(1)在中继器内部添加一个50*40的矩形框，并在矩形框内部添加一个复选框，位置在展示内容最前面，并命名为choose;　　设置复选框选中时的动作为标记中继器中的目标行this;　　(2) 在中继器外部创建三个按钮，分别为全选、反选和删