Axure探秘

一、辅助线

  • 全局辅助线
    作用于站点中所有页面,包括新建页面。
  • 页面辅助线
    只作用于当前页面
  • 自适应视图辅助线
    只显示在用户设置的自适应视图中
  • 打印辅助线
    用于观察页面效果,正确打印页面
    注:1mm=2.8px

二、对齐

左对齐 Ctrl+Alt+L
右对齐Ctrl+Alt+R
居中对齐Ctrl+Alt+C
顶部对齐Ctrl+Alt+T
底部对齐Ctrl+Alt+B
上下居中Ctrl+Alt+M
进行对齐操作时会以先选中的元件为基准来对齐

三、存储

  • RP格式
    单一用户模式
  • RPPRJ
    团队协作的项目文件
    签入控制
    可以取消签出
    版本控制和恢复到历史版本
  • RPLIB
    自定义元件库模式

四、组合对象与锁定对象

Ctrl+G 可以选中多个元器件,然后把它们组合在一起,可以一起完成移动、缩放、隐藏、排列、锁定和添加样式。

Ctrl+K 锁定对象位置

五、注意点

-文本框不可以设置圆角属性(可以添加矩形框与文本框,再隐藏文本框边框属性即可)

-点击文字后输入框获取焦点:为文字添加事件即可
条件事件:直接为用例添加条件即可

-条件判断if else
在设置事件时先设置条件判断然后再设置事件。

-事件中是先选中再禁用,先启用在选中

六、动态面板

特点1、动态面板是一个多空间的元件容器,它是实际存在的(会占据空间)只是看不见而已。默认显示第一个面板

特点2、动态面板可以设置推动元件,进而不会与已显示元件重叠显示。
用于显示提示框

特点3、动态面板独有的事件有拖动、载入、状态改变、滚动

特点4、可以通过设置“显示”和“设置动态面板状态”来显示我们想要显示的动态面板中页面。两者任选其一即可。

内联框架

特点:
可以在框架内设置不同页面,并且如果页面大于框架大小,框架可以通过滚动条滚动显示;而动态面板只能显示固定区域的 内容
切换不同内部页面时通过链接到不同页面即可;而动态面板则是设置显示属性

七、中继器

用于模块化的内容制作与显示。

先添加中继器数据集,然后再设置中继器每项的模板样式,然后再将中继器中的数据添加到每一项中显示出来。

Axure探秘_第1张图片
设置方式

添加行
通过设置事件,绑定数据,添加行即可。

删除行
方法1、在模板上面直接删除:通过绑定事件来删除数据行。

Axure探秘_第2张图片
直接删除

方法二、在页面内选中的项将被删除:通过标记项和选中来,然后删除被标记的项。


Axure探秘_第3张图片
标记选中项

Axure探秘_第4张图片
设置

方法三、在页面内最后一个被选中的项将被删除:先取消所有的标记然后再标记当前项即可。注意:要把中继器默认的“隔离选项组效果”取消掉,不然就不能进行选中切换。


Axure探秘_第5张图片
删除最后被选中的

更新数据
先标记要编辑的项,然后再更新。

Axure探秘_第6张图片
例子
Axure探秘_第7张图片
编辑按钮事件设置

排序
直接设置事件中的排序即可

筛选
直接设置事件中的筛选即可,注意筛选条件的设置。

设置每页显示项数以及跳转到指定页
直接设置每页显示项数即可,可以直接在中继器样式设置,也可以在事件中“设置每页显示项目数”;跳转到指定页可以在事件中设置当前显示页数;同时,可以直接设置“next”“previous”“last”来进行跳转页码。

七、全局变量

全局变量可以在该项目中所有页面应用(读取与改写)。

八、布局变量

局部变量只在某一个动作中有效,在另一个动作中就无效了。

九、函数

axure中可以输入文字的地方后面都可以输入fx函数。
其中函数语法:[[变量1*变量2]];变量进行运算必须在[[ ]] 内,在[[ ]]]外运算符无效,只会被当做字符串处理

制作tab框

效果一

效果二
设置所有的tab选项组名称

Axure中是通过设置图片选中状态后改变图片来实现。
同时要设置相互切换的tab为一组,这样就可以一直只选中一个tab。

单选按钮的制作

单选按钮

Axure的默认单选按钮是不能设置样式的,所以只能通过选中状态下填充颜色自己制作。

对勾框制作

对勾框

添加一个矩形,在矩形中添加✔然后设置矩形选中状态后文字颜色为其他色。

文本框的制作

文本框

文本框都是用一个矩形设置边框样式,用一个隐藏边框的文本框输入内容。

列表选项的关联选择

列表关联选项

例如选择广东省时,第三栏中的内容自动变为广东省市区列表。
方法:通过把市区列表转换为动态面板,设置省市列表框的事件,然后改变动态面板状态。
小技巧:可以把动态面板中页面值设置得和省市列表中一样,这样就可以快速匹配。

Axure探秘_第8张图片
设置状态
Axure探秘_第9张图片
面板中页面值设置

你可能感兴趣的:(Axure探秘)