# import
>[success] import hy_ui.hy_scrollbar.hy_scrollbar
# extends
>[success] import hy_ui.hy_scrollbar.hy_scrollbarBase;
# 構造函數
```
hy_scrollbar(Color:Object="gray")
```
```
pirvate var scrollbar=new hy_scrollbar(Color:Object="gray");
this.addChild(scrollbar);
```
# 舞臺命名
>無
# 屬性
## baseType 基本類型
>[info] String \[ get \] `scrollbar`
## isField 是否表單元素
>[info] Boolean \[ get \] `false`
> 提交表單的時候一般先判斷
## color 顏色樣式
>[info] String | Object \[ set \] `success`
| 默認 | 主要 | 成功 | 信息 | 警告 | 危險 | 灰色 | 藍色 | 黑色 | 錯誤 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| default | primary | success | info | warning | danger | gray | blue | black | error |
```
scrollbar.color="success"
```
## width 寬度
>[info] Number \[ get | set \] `18`
```
scrollbar.width=300
```
## height 高度
>[info] Number \[ get | set \] `100`
```
scrollbar.height=100
```
## disabled 禁用
>[info] Boolean \[ get | set \] `false`
```
scrollbar.disabled=true//禁用
```
## align 中心對齊方式
>[info] String \[ get | set \] `top_left`
| 上下 | 左右 |
| :---: | :---: |
| top , center , bottom | left , center , right |
```
scrollbar.align="top_center"
```
## rate 比例
>[info] Number \[ set \] `1`
```
scrollbar.rate=0.3
```
## showBtn 顯示上下按鈕
>[info] Boolean \[ set \] `true`
```
scrollbar.showBtn=false
```
## isAlwaysShow 是否一直顯示
>[info] Boolean \[ set \] `true`
> 如果false 沒有滾動條的時候就隱藏,true 永遠顯示
```
scrollbar.isAlwaysShow=false
```
## value 獲取當前滾動的百分比
>[info] Number \[ get|set \] `0`
```
scrollbar.value=0.8;
```
```
var percent=scrollbar.value;
```
## up 向上滾動
>[info] Function(dec=5):void
> 向上滾動,如果dec="max" 滾動到頂部
```
scrollbar.up();
```
## down 向下滾動
>[info] Function(dec=5):void
> 向上滾動,如果dec="max" 滾動到底部
```
scrollbar.down();
```
## isMove 是否滾動
>[info] Boolean \[ get \] `false`
```
var isMove=scrollbar.isMove;
```
# 監聽
## click
>[info] 單擊
```
scrollbar.on("click",function(value,oThis))
```