Axure基础教程:设置元件默认选中禁用/设置单选按钮唯一选中/设置元件不同状态的交互样/设置图片文本/切割裁剪图片

本文为Axure基础实操教程,可快速提升原型设计能力,建议小伙伴们收藏学习。

制作工具:

Axure9


教程目录:

1.设置元件默认选中/禁用

2. 设置单选按钮唯一选中

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

4. 设置图片文本

5. 切割/裁剪图片


1.设置元件默认选中/禁用

元件的属性中可以对元件的默认状态进行设置,可以设置的状态包括【选中】和【禁用】,默认状态的设置,可以触发属性中设置的交互样式。比如设置某个元件在浏览器中默认为禁用的绿色,就需要勾选【禁用】(复选框),并设置【禁用】的交互样式。

11.jpg


2.设置单选按钮唯一选中

全选所有的单选按钮,在元件属性中{设置单选按钮组名称},即可实现唯一选中的效果。

22.jpg


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

对准元件点击右键选择“交互样式”,即可设置元件在不同状态时呈现的样式。这些样式在交互被触发时,就会显示出来。比如设置元件默认状态为选中,在浏览原型时,页面打开后就会显示该元件被选中的样式。

33.jpg


4.设置图片文本

设置图片文本需要在图片上点击“鼠标右键”,选择【编辑文本】,方可进行图片上的文字编辑。

44.jpg


5.切割/裁剪图片

在图片的元件属性中,设有切割和裁剪功能的图标,点击即可使用相应功能。元件上点击<鼠标右键>,菜单中也有相应的选项。

切割:可将图片进行水平与垂直的切割,将图片分割开。

裁剪:可将图片中的某一部分取出。裁剪分为几种,分别是裁剪、剪切、和复制。其中:裁剪只保留被选择的区域;剪切是将选取的部分从原图中剪切到系统剪贴板中;复制是将选取的部分复制到系统剪贴板中,复制的方式对原图没有影响。

66.jpg

55.jpg