ActionScript
TypeScript
JavaScript

Button 组件参考

发布时间:2016-12-30

        

        Button 组件可以用来表示常用的多态按钮,当用户点击时,Button 会有状态变化。另外,设置 Button 的属性 toggle 的值为 true 时,可以用来表示状态切换按钮。Button 组件的图像资源的 skin 属性值为按钮的图像资源。
        点击资源面板里的 Button组件,拖放到页面编辑区,即可添加 Button组件到页面上。
        Button 组件的脚本接口请参考 Button API。

        Button 组件的资源示例:

图片0.png

        设置 Button 的stateNum 属性的值为3后,显示效果如下:

图片1.png

  

Button 组件的常用属性

图片2.png

属性

功能说明

label

按钮的标签文本内容字符串。

selected

按钮的选中状态。

toggle

表示按钮是否为切换按钮。

sizeGrid

按钮图像资源的有效缩放网格数据。

skin

按钮的皮肤资源。

stageNum

按钮的状态值,以数字表示。 默认值为3。此值决定皮肤资源图片的切割方式。 取值: 1:单态。图片不做切割,按钮的皮肤状态只有一种。 2:两态。图片将以竖直方向被等比切割为2部分,从上向下,依次为 弹起状态皮肤、 按下和经过及选中状态皮肤。 3:三态。图片将以竖直方向被等比切割为2部分,从上向下,依次为 弹起状态皮肤、 经过状态皮肤、 按下和选中状态皮肤。

 

 


Button 标签文本相关属性

        可以通过设置 Button 标签文本的的相关属性,实现按钮各状态的标签文本的不同显示效果。

 图片3.png

属性

功能说明

labelAlign

按钮标签文本的对齐方式。

labelBold

按钮标签文本是否加粗显示。

labelColors

按钮各状态下的标签文本颜色。

labelFont

按钮标签文本的字体名称。

labelPadding

按钮标签文本的边距。

labelSize

按钮标签文本的字体大小。

labelStroke

按钮标签文本的描边宽度。

labelStrokeColor

按钮标签文本的描边颜色。