《axure基础培训》由会员分享，可在线阅读，更多相关《axure基础培训（15页珍藏版）》请在金锄头文库上搜索。
1、Axure80 基 础 教 程 手 册目录基础 2. 添加元件名称 4基础 3.设置元件位置 / 尺寸 5基础 4.设置元件默认角度 6基础 5.设置元件颜色与透明 6基础 6.设置形状或图片圆角 7基础 7.设置矩形仅显示部分边框 7基础 8.设置线段 /箭头/边框样式 8基础 9.设置元件文字边距 / 行距 8基础 10. 设置元件默认隐藏 9基础 11. 设置文本框输入为密码 9基础 12. 设置打开选择文件窗口 10基础 13. 限制文本框输入字符位数 11基础 14. 设置文本框提示文字 11基础 15. 设置文本框回车触发事件 11基础 16. 设置鼠标移入元件时的提示 12基础
2、17. 设置矩形为其他形状 12基础 18. 设置自定义形状 13基础 19.设置形状水平 / 垂直翻转 14基础 20. 设置列表框的内容 14基础 21.设置元件默认选中 / 禁用 14基础 22. 设置单选按钮唯一选中 15基础 23. 设置元件不同状态的交互样式 16基础 24. 设置图片文本 16基础 25.切割/ 裁剪图片 17基础 26.嵌入多媒体文件 / 页面 18基础 27. 调整元件的层级 18基础 28.组合/ 取消组合元件 19基础 29. 转换元件为图片 20基础 30. 载入元件库 20基础 31. 切换元件库 21基础 32. 设置页面居中 21基础 33.设置页
3、面背景（图片 / 颜色） 22基础 34.设置页面颜色（草图 / 黑白） - 23基础 35. 添加条件判断 - 24基础 36.设置条件逻辑关系 - 25基础 37. 用例条件转换 - 25基础 38. 全局变量设置 - 26基础 39. 局部变量设置 - 27基础 40.公式的格式及类型 - 28基础 41. 设置形状并排显示细边框 - 28基础 42. 设置画布中的遮罩阴影 - 29基础 43.显示/ 隐藏交互与说明编号 - 29基础 44. 显示/ 隐藏两侧的功能面板 - 30基础 45.展开/ 收起/ 弹出/停靠/关闭功能面板 - 30基础 46.关闭/ 恢复功能面板 - 31基础
4、47. 文件备份与恢复 - 31基础 48. 设置自适应视图 - 32基础 49.快速预览查看原型 - 33基础50.生成HTML查看原型 33基础 51. 生成部分原型页面 - 35基础 52. 为原型添加标志 - 36基础 53. 发布原型到 AxShare 36基础 54. 重新生成当前页面 - 38基础 55. 移动设备设置 - 38基础56.Web字体设置 39基础 1. 添加元件到画布在左侧元件库中选择要使用的元件，按住鼠标左键不放，拖动到画布 适合的位置上松开。（图 1-1 ）基础 2. 添加元件名称文本框属性中输入元件的自定义名称，建议采用英文命名。建议格式： Password
5、Input01 或 Password01名称含义：序号 01 的密码输入框格式说明：“ Password ”表示主要用途；“ Input ”表示元件类型， 一般情况下可省略，当有不同类型的同名元件需要区分或名称不能明确表 达用途的时候使用；“ 01 ”表示出现多个同名元件时的编号；单词首字母 大写的书写格式便于阅读。（图 1-2 ）基础 3.设置元件位置 / 尺寸元件的位置与尺寸可以通过鼠标拖拽调整，也可以在快捷功能或元件 样式中进行输入调整。（图 1-3 ）X：指元件在画布中的x轴坐标值。y:指元件在画布中的y轴坐标值。w :指元件的宽度值。h :指元件的高度值在输入数值调整元件尺寸时，可以
6、在样式中设置，让元件【保持宽高 比例】。（图1-4）基础4.设置元件默认角度方式一：选择需要改变角度的元件，按住键的同时，用鼠标拖动元件 的节点到合适的角度。（图1-5）方式二：在元件样式中进行角度的设置，元件的角度与元件文字的角 度可以分开设置。（图1-5）基础5.设置元件颜色与透明选择要改变颜色的元件，点击快捷功能区中的背景颜色设置按钮，选取相应的颜色，或者在元件样式中进行设置。（图Norrngl-U B i M i -=三国三=E =ndrs 轉；-49 (| i2M i | i3M , t ,帼Io ,1 -1ifi静翻变。K!（蟆邑丄且选取醺色面扳O取津呈朋（卿n 设豊自老畑哲一禅明
7、度诲買a程式中的埴克醺色设買。基础6.设置形状或图片圆角1-6)P 1MED7可以通过拖动元件左上方的圆点图标进行调整，也可以在元件样式中设置圆角半径来实现。（图1-7）在AxureRP8的版本中，矩形的边框可以在样式中设置显示全部或部 分。（图1-8 ）基础8.设置线段/箭头/边框样式线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。（图1-9）基础9.设置元件文字边距/行距在元件样式中可以设置元件文字的【行间距】与【填充】。（图1-10）行间距：是指文字段落行与行之间的空隙。填充：是指文字与形状边缘之间填充的空隙。基础10.设置元件默认隐藏选择要隐藏的元件，在快捷功能或者元件
8、样式中勾选【隐藏】选项。（图 1-11）基础11.设置文本框输入为密码文本框属性中选择文本框的类型为【密码】。（图1-12）基础12.设置打开选择文件窗口文本框属性中选择文本框的类型为【文件】，即可在浏览器中变成打 开选择本地文件的按钮。该按钮样式各浏览器略有不同。（图1-13）基础13.限制文本框输入字符位数在文本框属性中输入文本框的最大长度为指定长度的数字。（图1-14 ）基础14.设置文本框提示文字在文本框属性中输入文本框的提示文字。提示文字的字体、颜色、对齐方式等样式可以点击【提示样式】进行设置。（图1-15）提示文字设置包含隐藏提示触发选项，其中：输入：指用户开始输入时提示文字才消失
9、。获取焦点：指光标进入文本框时提示文字即消失。基础15.设置文本框回车触发事件文本框回车触发事件是指在文本框输入状态下按 键，可以触 发某个元件的【鼠标单击时】事件。只需在文本框属性中提交按钮的列表 中选择相应的元件即可。（图1-16）基础16.设置鼠标移入元件时的提示在文本框属性中元件提示中输入提示内容即可。（图1-17）基础17.设置矩形为其他形状在画布中点击矩形右上方圆点图标即可打开形状列表，设置为其它形状。（图 1-18）基础18.设置自定义形状在形状上点击 ，在菜单中选择【转换为自定义形状】，即 可对形状进行编辑。也可以通过点击形状右上角的圆点图标，在打开的形状选择列表中选择【转换为
10、自定义形状】（图 1-18 ）。具体的编辑操作见 图1-19中的标注。基础19.设置形状水平/垂直翻转在形状的属性中可以对形状进行【水平翻转】和【垂直翻转】的操作。（图 1-20）基础20.设置列表框的内容下拉列表框与列表框都可以设置内容-列表项。可以通过【属性】-【列表项】的选项来设置，也可以通过鼠标双击元件进行设置。（图1-21）基础21.设置元件默认选中/禁用元件的属性中可以对一些元件的默认状态进行设置，可以设置的状态包括【选中】和【禁用】，默认状态的设置，可以触发属性中设置的交互 样式。比如设置某个元件在浏览器中默认为禁用的灰色，就需要勾选【禁 用】（复选框），并设置【禁用】的交互样式
11、。（图 1-22）除了禁用与选中个别元件还具有【只读】的设置。例如：文本框与多行文本框。基础22.设置单选按钮唯一选中全选所有的单选按钮，在元件属性中设置单选按钮组名称，即可实 现唯一选中的效果。（图1-23）基础23.设置元件不同状态的交互样式点击元件属性中各个交互样式的名称，即可设置元件在不同状态时呈现的样式。这些样式在交互被触发时，就会显示出来。（图1-24 ）比如设置元件默认状态为禁用，在浏览原型时，页面打开后就会显示该元件被禁 用的样式。（图1-22）基础24.设置图片文本设置图片文本需要在图片上点击 鼠标右键，选择【编辑文本】，方 可进行图片上的文字编辑。（图1-25）基础25.切
12、割/裁剪图片在图片的元件属性中，设有切割和裁剪功能的图标，点击即可使用相 应功能。元件上点击 鼠标右键 ，菜单中也有相应的选项。（图1-26）切割：可将图片进行水平与垂直的切割，将图片分割开。裁剪：可将图片中的某一部分取出。裁剪分为几种，分别是裁剪、剪 切、和复制。其中：裁剪只保留被选择的区域；剪切是将选取的部分从原 图中剪切到系统剪贴板中；复制是将选取的部分复制到系统剪贴板中，复 制的方式对原图没有影响。基础26.嵌入多媒体文件/页面基本元件中的内联框架可以插入多媒体文件与网页。双击元件或者在 属性中点击【框架目标页面】，在弹出的界面中选择【链接到url或文件】，填写超链接，内容为多媒体文件
13、的地址（网络地址或文件路径）或网页地址。在这个界面中也可以选择嵌入原型中的某个页面。（图1-27）基础27.调整元件的层级元件的层级可以通过点击快捷功能中的图标或者右键菜单的【顺序】 选项进行调整，也可以在页面内容概要中通过拖动进行调整。概要中层级 顺序为由上至下，最底部的兀件为最顶层。（图 1-28）基础28.组合/取消组合元件通过快捷功能图标或右键菜单可以将多个元件组合到一起，达到共同 移动/选取/添加交互等操作。组合/取消组合的快捷键为CtrlG键/键。（图 1-29 ）基础29.转换兀件为图片形状/文本标签/线段等元件可以通过点击 鼠标右键 ，选择将元件 【转换为图片】。例如，使用少量
14、特殊字体或者图标字体时，即可将元件 转换为图片，避免在未安装字体的设备上浏览原型时不能正常显示。（图 1-30 ）基础30.载入兀件库除了使用软件自带的默认元件库与流程图元件库，用户还可以加载自 定义元件库。加载自定义元件库只需点击功能图标，在列表中选择【载入 元件库】。（图1-31 ）在元件库功能面板中，可以通过点击元件库列表，选择不同的元件库 进行使用。（图1-32）基础32.设置页面居中在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器 中查看原型时页面内容居中显示。（图2-1）基础33.设置页面背景（图片/颜色）在页面【样式】中可以编辑页面的背景颜色以及背景图片。（图2-2）基础34.设置页面颜色（草图/黑白）在页面的【样式】中，可以将当前页面的显示为草图效果，同时可以 将页面颜色在彩色与黑白之间转换。（图2-3）基础35.添加条件判断在用例编辑界面中点击添加【条件按钮】进行添加条件。（图3-1）比如：判断当前元件上的文字包含“ ”。（图3-2）基础36.设置条件逻辑关系设置执行一个动作必须同时满足多个条件，或者仅需满足多个条件中 的任何一个，需要在添加条件的界面中进行设置。（图3-3）基础37.用例条件转换为多个用例改变条件判断关系时，只需要
