Appearance

目录

Button ​

按钮控件

样式 ​

除支持 通用布局样式 和 通用视图样式 以外，还支持以下样式：

属性名类型默认值说明示例
colorstring系统默认文本颜色color: '#000000'
textAlignstring'left'文本对齐方式textAlign:'left' | 'center' | 'right'
fontFamilystring系统默认字体fontFamily: 'Times New Roman'
fontSizenumber|string16字体大小fontSize: 16 | '48px'

属性 ​

除支持 通用视图属性 以外，还支持以下属性：

属性名类型默认值说明示例
textstring按钮文本this.text = 'button';
pressedObject按压状态下的样式this.pressed = {
  backgroundColor: '#FF0000',
  color: '#FFFF00',
};
disabledObject禁用状态下的样式this.disabled = {
  backgroundColor: '#0000FF',
  color: '#00FFFF',
};

示例 ​

js
let button = new Button();

button.text = "Button"
button.style = {
    width: 60,
    height: 40,
    backgroundColor: '#ff0000',
    fontFamily: 'New Times Roma',
    fontSize: 16,
    color: '#000000',
};

button.pressed = {
    backgroundColor: '#FF0000',
    color: '#FFFF00',
};

button.disabled = {
    backgroundColor: '#0000FF',
    color: '#00FFFF',
};

button.addEventListener('tap', (event) => {
    console.log('button clicked');
});