Axure6主要功能教程

1、Axure6 主要功能教程,功能演示地址： ,Axure6 软件布局,1 主菜单 工具栏 2 主操作界面 3 Sitemap导航 4 组件Widget 5 Master面板 6 页面属性 7 组件属性 7.1 组件注释 7.2 交互事件 7.3 组件样式 8 动态面板,页面属性 设置背景和手绘风格,Sketchiness: 手绘风格强度 Color: 彩色还是黑白 Font: 字体 Line Width: 边框 推荐+1,解决了中文输入的问题,Axure6全新的架构，解决了中文输入时鼠标必须在矩形块范围内的问题。 解决了部分输入法使用默认皮肤无法输入中文的问题。 如果你在使用Axure6以下的

2、PC版本，输入法请不要使用默认皮肤，同时输入时鼠标在矩形范围之内即可输入文。,设置文字行间距,从标尺拉出参考线,960栅格：16列和12列模板,本质： http:/960.gs/ 960 Grid System 是一套基于宽度为 960px CSS 框架，它为网页布局提供了通用的尺寸设置，它提供了两种不同的尺寸布局：12列和16列，它们可以独立使用，也可以一起使用。 尺寸： 12列的布局，将总宽分成12份，每份的宽度是60px，而16列的布局分成16份，每份的宽度是40px，每部分左右边距都是10px，从而每列产生20px的空隙。 目的： 该系统以快速原型开发为出发点，但同时也能很好地集成到生

3、产环境中去。它同时提供了打印布局、设计布局和一个能提供一致尺寸的 CSS 文件。,条件判断包含与不包含,设置变量, 1 设置全局变量，内置变量或一般变量 2 给变量赋值, 一般等于从文本框输入的值 3 结合条件 函数使用变量或计算,使用变量,结合条件 函数使用变量或计算 “variable name” 使用变量 全局变量可以在多个页面中使用 系统内置变量 例如页面名称 时间 等 PageName, Day, Month, MonthName, DayOfWeek, Year, GenDay, GenMonth, GenMonthName, GenDayofWeek, and GenYear.

4、Local variable 一般变量 只能使用在本事件动作内的范围，不能想全局变量跨页面使用,函数,+ : Addition. 例如LVAR1 + LVAR2 - : Subtraction. 例如LVAR1 - 5 / : Division. 例如LVAR1 / 4 * : Multiplication. 例如LVAR1 * 0.25 LVAR.toFixed(decimalPoints): 精确小数点几位 formats the value to use a specified number of places after the decimal. 例如 LVAR1 is 3.14159

5、26, LVAR1.toFixed(2) 为 3.14. LVAR.substring(from, to):截取某段字符 returns the characters from a string, between the start index (“from”) and the end index (“to). 例如 LVAR1 是 “Bill Haverchuck”, LVAR1.substring(2,10) 为 “ll Haver”. LVAR.length: returns the length of a string.字符长度 例如 LVAR1 是 “Lindsay Weir”, L

6、VAR1.length 为12. LVAR.toLowerCase(): 转换为小写 例如LVAR1.toLowerCase() LVAR.toUpperCase():转换为大写 例如LVAR1.toUpperCase() LVAR.toString(): 转换为字符. 例如数字 LVAR1 is 09, LVAR1 是 9, 但LVAR1.toString() 是09.,使用函数和变量,右边例子： The total bill is $LVAR1 * 1.15 including a 15% tip. 保留2位小数 The total bill is $(LVAR1 * 1.15).toFi

7、xed(2) 下边例子是去掉LVAR1变量的最后一个字符,拖拽时判断鼠标和组件,动态面板上增加了拖拽事件,事件与拖拽事件,1 什么事件? 键盘事件 鼠标事件 触摸事件 鼠标事件: 点击Click, MouseOver, 鼠标事件: MouseDown,MouseUP, 鼠标拖拽事件:DragStart,OnDrag,DragDrop 键盘事件:KeyDown KeyUP 触摸事件:TouchBegin,TouchEnd(Axure无该功能),Axure6 所有事件,OnClick: 点击事件 除了动态面板的所有的其他组件的点击触发 OnMouseEnter: 鼠标移入到某个组件触发 Mouse

8、Over OnMouseOut: 鼠标离开某个组件后触发 OnKeyUp: 键盘按下某一个键后松开时触发 OnFocus: 当一个例如表单组件通过点击或Tab键 获得焦点时触发 OnLostFocus: 失去焦点是触发 OnChange:当下拉列表改变下拉的选项时触发. OnMove 当动态面板移动时触发 The OnShow and OnHide events 当动态面板隐藏或显示时(“Show Panel”, “Hide Panel” or “Toggle Visibility” )触发 OnPanelStateChange 当动态面板更改面板的状态时触发 OnDragStart: Occ

9、urs when the drag begins. 当发生拖拽开始时触发 OnDrag: Occurs as the panel is dragged. 拖拽中触发 OnDragDrop: Occurs when the panel is dropped. 当拖拽结束时触发 Source : ,例子:拖拽事件,2 深度 Z-index 层级 在点击某个元件时请注意该元件的深度,当元件放到某个元件时要设置该元件到最高层. OnDragStart Bring 该元件 to Front 3 当松开鼠标时 发生最后的事件. OnDragDrop do something,RaisedEvent 自定义事件,RaisedEvent 自定义事件(冒泡事件)