javafx框架tornadofx入门30_类型安全的样式-使用样式类

代码语言：javascript复制

class MyStyle : Stylesheet() {
    companion object {
        val leftBox by cssclass()// View中通过 addClass(MyStyle.leftBox) 使用此样式
        val labelOne by cssid()// View中id为"label-one"的控件使用此样式
        val two by cssclass()// View中通过 addClass(MyStyle.two) 使用此样式
    }

    init {
        leftBox {
            borderColor  = box(Color.ORANGE)
            padding = box(5.px)
            button {
                backgroundColor  = Color.RED
                and(hover) {//  鼠标停留在该控件上时宽度变为200px，背景色变为蓝色
                    prefWidth = 200.px
                    backgroundColor  = Color.BLUE
                }
            }
            label{
                backgroundColor  = Color.YELLOW
                backgroundInsets  = box(2.px)
                and(hover) {//  鼠标停留在该控件上时高度变为100px
                    prefHeight = 100.px
                }
            }
        }
        cell {// listview或tabelview等包含单元格的控件，当选中的单元格的背景色为红色
            and(selected) {
                backgroundColor  = Color.RED
            }
        }
        s(button, label) {// 统一设置button、label的字体大小
            fontSize = 20.px
        }
        button{// 应用该样式类的view中所有button控件的字体颜色都为白色
            textFill = Color.WHITE
        }
        label{// 应用该样式类的view中所有label控件的字体颜色都为红色
            textFill = Color.RED
        }
        labelOne{// View中id为"label-one"的控件使用此样式
            backgroundColor  = Color.AZURE
        }
        two{// View中通过 addClass(MyStyle.two) 使用此样式
            backgroundColor  = Color.BLUE
        }
    }
}

javafx

0 人点赞