2_TornadoFX_背景颜色+边框颜色，组合框，复选框，上下

作者: 莫狄 | 来源:发表于2018-08-30 22:03 被阅读0次

2_TornadoFX_背景颜色+边框颜色，组合框，复选框，上下
原生input 背景颜色透明没有边框 placeholder颜
UITextField相关属性设置和代理方法
html、css学习笔记（六）
Highcharts（六）之提示框
单位和值
iOS-12-UITextField常用设置一览（删除、键盘、密
UITextField 属性设置
CSS 单位和值
单位和值

工程根据上一篇文章基础之上添加代码

1_背景颜色+边框颜色

背景颜色+边框颜色

package com.example.demo.view



import javafx.scene.paint.Color
import tornadofx.*


class MainView : View("菜单") {

    override val root = vbox{
        style {
            backgroundColor.addAll(Color.GRAY) //背景颜色
        }
        primaryStage.width=1000.0
        primaryStage.height=600.0
        //窗口大小

        menubar {
            style {
                backgroundColor.addAll(Color.GRAY)  }
                menu("文件") {
                    menu("新建") {
                        item("子选项","ctrl+A").action {
                            dialog("对话框"){
                                text("恭喜成功")
                            }
                        }
                        item("子选项2")
                    }
                    item("保存")
                    item("关闭")
                }
                menu("编辑") {
                    item("复制")
                    item("粘贴")
                }
            }
            button("点击"){
                style {
                    backgroundColor.addAll(Color.GRAY)
                    borderColor+=box(Color.BLACK) //边框颜色
                }
            }.action {
                dialog("对话框"){
                    text("恭喜成功")

                }
            }
        }
}

运行结果

2_组合框

组合框

运行结果

package com.example.demo.view




import javafx.collections.FXCollections
import javafx.scene.paint.Color
import tornadofx.*


class MainView : View("菜单") {

    override val root = vbox{
        style {
            backgroundColor.addAll(Color.GRAY) //背景颜色
        }
        primaryStage.width=1000.0
        primaryStage.height=600.0
        //窗口大小

        menubar {
            style {
                backgroundColor.addAll(Color.GRAY)  }
                menu("文件") {
                    menu("新建") {
                        item("子选项","ctrl+A").action {
                            dialog("对话框"){
                                text("恭喜成功")
                            }
                        }
                        item("子选项2")
                    }
                    item("保存")
                    item("关闭")
                }
                menu("编辑") {
                    item("复制")
                    item("粘贴")
                }
            }
            button("点击"){
                style {
                    backgroundColor.addAll(Color.GRAY)
                    borderColor+=box(Color.BLACK) //边框颜色
                }
            }.action {
                dialog("对话框"){
                    text("恭喜成功")

                }
            }
        val texasCities = FXCollections.observableArrayList("COM0",
                "COM1","COM2", "COM3","COM4")
        combobox(values = texasCities){
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
        }
        }
        }

3_复选框

复选框

package com.example.demo.view




import javafx.collections.FXCollections
import javafx.scene.paint.Color
import tornadofx.*


class MainView : View("菜单") {

    override val root = vbox{
        style {
            backgroundColor.addAll(Color.GRAY) //背景颜色
        }
        primaryStage.width=1000.0
        primaryStage.height=600.0
        //窗口大小

        menubar {
            style {
                backgroundColor.addAll(Color.GRAY)  }
                menu("文件") {
                    menu("新建") {
                        item("子选项","ctrl+A").action {
                            dialog("对话框"){
                                text("恭喜成功")
                            }
                        }
                        item("子选项2")
                    }
                    item("保存")
                    item("关闭")
                }
                menu("编辑") {
                    item("复制")
                    item("粘贴")
                }
            }
            button("点击"){
                style {
                    backgroundColor.addAll(Color.GRAY)
                    borderColor+=box(Color.BLACK) //边框颜色
                }
            }.action {
                dialog("对话框"){
                    text("恭喜成功")

                }
            }
        val texasCities = FXCollections.observableArrayList("COM0",
                "COM1","COM2", "COM3","COM4")
        combobox(values = texasCities){
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
        }
        checkbox("复选框") {
            action { if (isSelected){
                dialog("对话框"){
                    text("恭喜成功") }
            }
                }
        }
        }
        }

4_上下文菜单

上下文菜单

package com.example.demo.view




import javafx.collections.FXCollections
import javafx.scene.paint.Color
import tornadofx.*


class MainView : View("菜单") {

    override val root = vbox{
        style {
            backgroundColor.addAll(Color.GRAY) //背景颜色
        }
        primaryStage.width=1000.0
        primaryStage.height=600.0
        //窗口大小

        menubar {
            style {
                backgroundColor.addAll(Color.GRAY)  }
                menu("文件") {
                    menu("新建") {
                        item("子选项","ctrl+A").action {
                            dialog("对话框"){
                                text("恭喜成功")
                            }
                        }
                        item("子选项2")
                    }
                    item("保存")
                    item("关闭")
                }
                menu("编辑") {
                    item("复制")
                    item("粘贴")
                }
            }
            button("点击"){
                style {
                    backgroundColor.addAll(Color.GRAY)
                    borderColor+=box(Color.BLACK) //边框颜色
                }
            }.action {
                dialog("对话框"){
                    text("恭喜成功")

                }
            }
        val texasCities = FXCollections.observableArrayList("COM0",
                "COM1","COM2", "COM3","COM4")
        combobox(values = texasCities){
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
        }
        checkbox("复选框") {
            action { if (isSelected){
                dialog("对话框"){
                    text("恭喜成功") }
            }
                }
        }
        contextmenu {
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
            item("对话框").action {
                dialog("对话框"){
                    text("恭喜成功") }
            }
            item("设置").action {
            }
        }

        }
        }

鼠标点击右键，出现上下文菜单

上下文菜单

5_提示

提示

package com.example.demo.view




import javafx.collections.FXCollections
import javafx.scene.paint.Color
import javafx.scene.text.Font
import tornadofx.*


class MainView : View("菜单") {

    override val root = vbox{
        style {
            backgroundColor.addAll(Color.GRAY) //背景颜色
        }
        primaryStage.width=1000.0
        primaryStage.height=600.0
        //窗口大小

        menubar {
            style {
                backgroundColor.addAll(Color.GRAY)  }
                menu("文件") {
                    menu("新建") {
                        item("子选项","ctrl+A").action {
                            dialog("对话框"){
                                text("恭喜成功")
                            }
                        }
                        item("子选项2")
                    }
                    item("保存")
                    item("关闭")
                }
                menu("编辑") {
                    item("复制")
                    item("粘贴")
                }
            }
            button("点击"){
                tooltip("需要点击") {
                    font = Font.font("Verdana")
                }
                style {
                    backgroundColor.addAll(Color.GRAY)
                    borderColor+=box(Color.BLACK) //边框颜色
                }
            }.action {
                dialog("对话框"){
                    text("恭喜成功")
                }
            }
        val texasCities = FXCollections.observableArrayList("COM0",
                "COM1","COM2", "COM3","COM4")
        combobox(values = texasCities){
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
        }
        checkbox("复选框") {
            action { if (isSelected){
                dialog("对话框"){
                    text("恭喜成功") }
            }
                }
        }
        contextmenu {
            style {
                backgroundColor.addAll(Color.GRAY)
                borderColor+=box(Color.BLACK) //边框颜色
            }
            item("对话框").action {
                dialog("对话框"){
                    text("恭喜成功") }
            }
            item("提示").action {

            }
        }

        }
        }

鼠标停留在按件"点击"上面出现提示

运行结果

2_TornadoFX_背景颜色+边框颜色，组合框，复选框，上下
工程根据上一篇文章基础之上添加代码 1_背景颜色+边框颜色 2_组合框 3_复选框 4_上下文菜单鼠标点击右键，...
原生input 背景颜色透明没有边框 placeholder颜
背景颜色透明没有边框 placeholder颜色改变
UITextField相关属性设置和代理方法
设置边框样式，只有设置了才会显示边框样式 //设置输入框的背景颜色，此时设置为白色如果使用了自定义的背景图片边框...
html、css学习笔记（六）
颜色设置：有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置...
Highcharts（六）之提示框
1.提示框的背景，边框宽度，边框颜色 2.格式化提示框： formatter:数据提示框格式化函数，功能最强大也是...
单位和值
一、颜色值网页中的颜色有字体颜色（color）、背景颜色（background-color）、边框颜色（borde...
iOS-12-UITextField常用设置一览（删除、键盘、密
初始化textfield并设置位置及大小设置边框样式，只有设置了才会显示边框样式设置输入框的背景颜色，此时设置...
UITextField 属性设置
初始化textfield并设置位置及大小设置边框样式，只有设置了才会显示边框样式设置输入框的背景颜色，此时设置...
CSS 单位和值
颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框...
单位和值
颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框...