YSS · 按钮（button）

选择器： button · 设计器组件： 按钮 · 按名称： button#名称 或 #名称

伪状态： :hover :pressed :focus :disabled :default（默认按钮）

可用属性

支持 YSS 通用属性速查 中的全部属性（颜色、边框、字体、渐变、发光、阴影、立体字、内边距、外边距、状态图片及悬停/按下/焦点/禁用伪类对应项）。

属性	说明
text-align	文字对齐：left / center / right（或 0/1/2）
background	background-color 简写
image / image-hover / image-pressed / image-disabled	状态图片
image-mode	stretch / fixed / keep-aspect
nine-slice-image + slice-*	九宫格按钮皮肤
border-style	solid / dashed / dotted / dash-dot
outline-color / outline-width	焦点描边
box-shadow + shadow-*	阴影

示例

button {
    color: #F5F5F5;
    background-color: #3E3E42;
    border-color: #5A5A5A;
    border-width: 1;
    border-radius: 6;
    show-border: true;
    font-size: 14;
}

button#按钮_确认 {
  text-align: center;
  background-gradient-color: #007ACC;
  background-gradient-direction: vertical;
}

button#按钮_确认:hover {
    hover-background-color: #008CDC;
    hover-color: #FFFFFF;
}

button#按钮_确认:pressed {
    pressed-background-color: #005A9E;
}

button#按钮_确认:focus {
    focus-border-color: #007ACC;
    focus-glow-color: #007ACC;
}

button#按钮_确认:disabled {
    disabled-color: #888888;
    disabled-background-color: #3A3A3A;
}

button:default {
    font-bold: true;
}

代码侧常用 API

按钮1.文本 = "确定"
按钮1.对齐 = 1          // 0左 1中 2右
按钮1.默认按钮 = 真
按钮1.置焦点()

函数 按钮1.单击 () {
    输出 ("点击")
}