制作工具:
Axure9
教程目录:
1.设置元件默认选中/禁用
2. 设置单选按钮唯一选中
3. 设置元件不同状态的交互样式
4. 设置图片文本
5. 切割/裁剪图片
1.设置元件默认选中/禁用
元件的属性中可以对元件的默认状态进行设置,可以设置的状态包括【选中】和【禁用】,默认状态的设置,可以触发属性中设置的交互样式。比如设置某个元件在浏览器中默认为禁用的绿色,就需要勾选【禁用】(复选框),并设置【禁用】的交互样式。
2.设置单选按钮唯一选中
全选所有的单选按钮,在元件属性中{设置单选按钮组名称},即可实现唯一选中的效果。
3.设置元件不同状态的交互样式
对准元件点击右键选择“交互样式”,即可设置元件在不同状态时呈现的样式。这些样式在交互被触发时,就会显示出来。比如设置元件默认状态为选中,在浏览原型时,页面打开后就会显示该元件被选中的样式。
4.设置图片文本
设置图片文本需要在图片上点击“鼠标右键”,选择【编辑文本】,方可进行图片上的文字编辑。
5.切割/裁剪图片
在图片的元件属性中,设有切割和裁剪功能的图标,点击即可使用相应功能。元件上点击<鼠标右键>,菜单中也有相应的选项。
切割:可将图片进行水平与垂直的切割,将图片分割开。
裁剪:可将图片中的某一部分取出。裁剪分为几种,分别是裁剪、剪切、和复制。其中:裁剪只保留被选择的区域;剪切是将选取的部分从原图中剪切到系统剪贴板中;复制是将选取的部分复制到系统剪贴板中,复制的方式对原图没有影响。