Axure学习之线框图-按钮形状

原始学习资源：http://www.axure.com/widgets/button-shape

如果有什么地方不通畅或是有不清楚的地方，欢迎指教！

意译：

Axure学习之线框图-按钮形状 中提到的形状都是按钮形状，在这里对其用法做统一说明。

按钮形状的用途很广，比如说做导航，做标签按钮等。

按钮形状可以变化，方法为（鼠标右键点击、编辑按钮形状、选择形状、选择需要的形状）

按钮形状也可套用样式，（1、在菜单栏点击线框图；2、选择部件样式编辑器；3、在弹出的部件样式编辑器窗口中选择自定义；4、自行按需设计并命名，点确定；5、选中需要改变样式的形状按钮，在文本格式工具那里，将“默认”改为需要的样式）

按钮形状可以设置鼠标移入、按下、选中、取消选中的效果

按钮形状可以用来分组，见示例AxureButtonShapeWithSelectionGroup和本文后面部分。

圆角矩形和调整圆角的半径；

可将按钮形状（包括其中的文字），转化为图片；

Axure 6.5以上，还可调整按钮形状的角度（要想精确控制要在部件属性、格式化中调整）；

形状按钮的常见交互：

1、链接到其他页面

2、通过动态面板隐藏或显示内容

3、设定变量

4、通过设定变量，进而控制新页面的状态，见示例AxureButtonShapeSetPanelStateOnNextPage

5、提交按钮

 

按钮形状的不足和克服

1、边线为统一设置，无法单独设置

2、无法设置阴影

3、形状有限，无法自定义

4、无法输入数值来确定圆角的半径（只能通过黄色小三角来控制）

5、在按钮形状中不能放入图标，只能把图片和按钮形状叠放在一起或是干脆就用图片（利用图片热区来制作互动）

 

 

分组

比较简单的例子就是单选按钮。看下图：

未分组的单选按钮相互没有关系，

分组后，只能选中其中一个。

同样的，对按钮形状分组了，就只有一个能选中（显示选中的效果），其他的按钮形状会变为默认的，就相互关联起来了。

转载于:https://www.cnblogs.com/qinbin/archive/2012/10/10/Axure-wireframe-buttonsharp.html