美文网首页设计
Axure基础入门

Axure基础入门

作者: _lhr | 来源:发表于2018-05-25 14:01 被阅读2次

    通过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、嵌入多媒体文件、页面:双击元件或属性中点击【框架目标页面】,弹出界面中选择【链接到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文件中重新生成当前页面】即可。

    相关文章

      网友评论

        本文标题:Axure基础入门

        本文链接:https://www.haomeiwen.com/subject/hekyjftx.html