# import
>[success] import hy_ui.hy_span.hy_button
# extends
>[success] import hy\_ui.hy\_span.hy\_label;
# 構造函數
```
hy_button(Txt:String="",Color:String="success",Size:String="de",Icon:String="",startInit:Boolean=true)
```
```
pirvate var button=new hy_button("確認","success");
this.addChild(button);
```
# 舞臺命名
>[danger] name【變量名】$color【顏色】$text【文字】$disabled【禁用】
```
submit$success$立即提交
```
# 屬性
## baseType 基本類型
>[info] String \[ get \] `button`
## isField 是否表單元素
>[info] Boolean \[ get \] `false`
> 提交表單的時候一般先判斷
## color 顏色樣式
>[info] String | Object \[ set \] `success`
| 默認 | 主要 | 成功 | 信息 | 警告 | 危險 | 灰色 | 藍色 | 黑色 | 錯誤 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| default | primary | success | info | warning | danger | gray | blue | black | error |
```
button.color="success"
```
## size 大小樣式
>[info] String | Object \[ set \] `de`
| | 迷你 | 小 | 默認 | 大 | 超大 |
| :---: | :---: | :---: | :---: | :---: | :---: |
| 屬性 | xs | sm | de | lg | slg |
| 字體 | 12 | 12 | 14 | 18 | 30 |
| 高度 | 20 | 28 | 36 | 42 | 54 |
```
button.size="sm"
```
## width 寬度
>[info] Number \[ get | set \] `auto`
> 如果不設置，通過size 自動變化
```
button.width=300
```
## height 高度
>[info] Number \[ get | set \] `36`
> 如果不設置，通過size 自動變化
```
button.height=100
```
## disabled 禁用
>[info] Boolean \[ get | set \] `false`
```
button.disabled=true//禁用
```
## align 中心對齊方式
>[info] String \[ get | set \] `top_left`
| 上下 | 左右 |
| :---: | :---: |
| top , center , bottom | left , center , right |
```
button.align="top_center"
```
## text 文字
>[info] String \[ get | set \] `""`
```
button.text="提交按鈕"
```
## embedFonts 字體嵌套
>[info] Boolean \[ set \] `false`
```
button.embedFonts=true
```
## icon 圖標
>[info] String \[ set \] `""`
```
button.icon="search"
```
## showBorder 顯示邊框
>[info] Boolean \[ set \] `true`
```
button.showBorder=false
```
# 監聽
## click
>[info] 單擊
```
button.on("click",function(oThis))
```
