Axure基础入门

Axure基础入门,第1张

通过 http://www.iaxure.com/3788.html 学习,感谢!个人整理的笔记

1、设置元件的角度,ctrl键

2、设置元件形状或圆角

3、设置元件边框:样式中设置

4、设置线段、箭头、边框样式:样式中设置

5、设置元件文字边距、行距:样式中设置

6、设置元件默认隐藏:样式中设置

1、设置文本框输入为密码:属性中设置

2、设置打开选择文件窗口:属性-类型{文件}

3、限制文本框输入字符位数:属性-最大长度

4、文本框提示文字:属性-{提示文字},点击{提示样式}可设置提示文字的字体、颜色、对齐方式等。以及隐藏提示触发的条件

5、文本框回车触发事件:属性-提交按钮-选择相应的元件(触发这个元件【鼠标单击时】事件)。

6、设置鼠标移入元件时的提示:属性-元件提示

7、自定义形状

8、列表框的内容:下拉列表框和列表框可以设置:内容-列表项,通过   {属性-列表项}  设置,也可以双击元件设置。  

1、设置元件默认选中、禁用:属性中设置

2、单选按钮唯一选中:属性中设置

3、设置元件不同状态的交互样式

4、图片文本:右键-编辑文本

5、切割、裁剪图片:样式中设置

6、嵌入多媒体文件、页面:双击元件或属性中点击【框架目标页面】,d出界面中选择【链接到url或文件】

7、调整元件的层级

8、组合/取消组合元件:快捷键<Ctrl G>

1、设置页面居中:在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时页面内容居中显示。

2、设置页面背景

在页面【样式】中可以编辑页面的背景颜色以及背景图片。

3、设置页面颜色:页面【样式】中,显示界面效果。

1、添加条件判断:用例编辑界面点击添【条件按钮】进行添加条件。

比如:判断当前元件上的文字包含“@”,如下图:

2、设置条件逻辑关系:执行一个动作必须同时满足多个条件,或仅需满足多个条件中任何一个,需要在添加条件界面中进行设置。

设置【符合】全部|任何

3、用例条件转换

多个用例改变条件判断时,只需要在相应用例名称上<鼠标右键>,选择【切换为或】。

1、全局变量设置

全局变量是一个数据容器,就像一个U盘,可以把需要的资料存入,随身携带,在需要的时候读取出来使用。全局变量的设置在【项目】-【全局变量】中。

2、局部变量设置

局部变量在编辑值、文本的界面中进行创建,通过在【插入变量或函数...】列表中选取使用。

局部变量能够在创建时获取多种类型的数据。

3、公式的格式及类型

公式在编辑值/文本的界面中进行编辑,格式为“[[公式内容]]”,公式内的内容可以进行运算,例如:“[[3*15]]”获取的结果为“45”;公式运算结果自动与公式外的内容连接到一起,形成一个字符串,例如:“[[3*15]]个”获取的“45个”。变量与函数需要在写入在公式的“[[ ]]”中才能够正确获取变量值或者函数运算结果。

1、设置形状并排显示细边框:菜单-项目-项目设置。

2、设置画布中遮罩阴影:菜单-视图-遮罩

3、显示、隐藏交互与说明编号:菜单-视图-显示脚注

4、设置自适应视图:项目-自适应视图

1、预览  或  发布-预览设置   进行设置。

2、生成HTML查看原型:发布-生成HTML文件...

生成时,需要保存HTML文件的文件夹。查看设置与预览设置相同。

3、生成部分原型页面

发布原型时,如果不需要将所有页面生成或发布,可以在生成HTML的设置中打开【页面】的设置,取消【生成所有页面】的勾选,则可以设置生成指定的页面。注意,子级页面无法单独发布,勾选子级页面时会自动勾选父级页面。如果需要单独发布子级页面,需要在页面管理面板中将子级页面的级别调整到一级页面。

4、发布原型到AxShare

发布原型到AxShare是指将做好的原型发布到Axure官方提供的空间中,通过自动生成的网址进行访问。发布到AxShare需要预先注册AxShare账号。

5、重新生成当前页面

修改某个页面无需将整个原型HTML文件都重新生成一遍,只需要在【发布】的选项表中,选择【在HTML文件中重新生成当前页面】即可。

1、切换元件库:在元件库功能面板中,可以通过点击元件库列表,选择不同的元件库进行使用。

2、设置页面居中:在页面【样式】设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时页面内容居中显示。

3、设置页面背景(图片/颜色):在页面【样式】中可以编辑页面的背景颜色以及背景图片。

4、设置页面颜色(草图/黑白):在页面的【样式】中,可以将当前页面的显示为草图效果,同时可以将页面颜色在彩色与黑白之间转换。

5、添加条件判断:在用例编辑界面中点击添加【条件按钮】进行添加条件。

6、比如:判断当前元件上的文字包含“@”。

7、设置条件逻辑关系:设置执行一个动作必须同时满足多个条件,或者仅需满足多个条件中的任何一个,需要在添加条件的界面中进行设置。

8、用例条件转换:为多个用例改变条件判断关系时,只需要在相应的用例名称上点击鼠标右键>,选择【切换为或】。

9、全局变量设置:全局变量是一个数据容器,就像一个U盘,可以把需要的资料存入,随身携带,在需要的时候读取出来使用。全局变量的设置在【项目】-【全局变量】中。

10、局部变量设置:局部变量在编辑值/文本的界面中进行创建,通过在【插入变量或函数…】列表中选取使用。

11、局部变量能够在创建时获取多种类型的数据。

12、公式的格式及类型:公式在编辑值/文本的界面中进行编辑,格式为“[[公式内容]]”。公式内的内容可以进行运算,例如:“[[3*15]]”获取的结果为“45”;公式运算结果自动与公式外的内容连接到一起,形成一个字符串,例如:“[[3*15]]个”获取的“45个”。变量与函数需要在写入在公式的“[[]]”中才能够正确获取变量值或者函数运算结果。

如何用Axure RP设置整体页面居中?用Axure RP设置整体页面居中的具体方法如下:

1、打开Axure 工具,新建个原型界面;

2、点击新建PR文档;

3、在工具底部有页面对其选择项,一共两个,第一个是左对齐,第二个是居中对其,点击选择第二个;

4、点击工具头部菜单生成----生成更多配置----HTML原型,然后预览原型界面,就可以看到生成的网页居中了。

Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。一. 页面设置

1. 设置页面居中

在页面“样式”设置中选择页面居中的按钮。页面居中是指在浏览器中查看原型时封面内容居中显示。

2. 设置页面背景(图片或是颜色)

在页面“样式”中可以编辑页面的背景颜色以及背景图。

3. 设置页面草图和黑白效果

在页面的“样式”中,可以将当前的页面显示为草图效果,同时可以将页面在彩色与黑白之间之转换。

二. 设置条件

1. 添加条件判断

在用例编辑界面中单击添加“条件按钮”添加条件。

例如,判断当前元件文字包含“@”。

2. 设置条件逻辑关系

设置执行一个动作必须同时满足多个条件,或者仅仅需要满足多个条件中的任何一个,需要在添加条件的界面中进行设置。

3. 用例条件转换

为多个用例改变判断关系时,只需要在相应的用例名单上点击鼠标右键,选择切换到“if”或者“else if”。

三. 使用变量和公式

1. 全局变量设置

全局变量是一个数据容器,就像一个U盘,可以把需要的资料存入,随身携带,在需要的时候读取出来使用。全局变量的设置在“项目”-“全局变量”中。

2. 局部变量设置

局部变量是见到fx的标志点击即可编辑,通过在“插入变量或者函数…….”列表中选取使用,并且可以创建时获取多种类型数据。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11605881.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存