javafx框架tornadofx入门32_制作图标浏览工具

implementation("org.kordamp.ikonli:ikonli-javafx:$ikonli")
implementation("org.kordamp.ikonli:ikonli-typicons-pack:$ikonli")
implementation("org.kordamp.ikonli:ikonli-material-pack:$ikonli")
implementation("org.kordamp.ikonli:ikonli-runestroicons-pack:$ikonli")
implementation("org.kordamp.ikonli:ikonli-icomoon-pack:$ikonli")
implementation("org.kordamp.ikonli:ikonli-fontawesome-pack:$ikonli")
implementation("org.kordamp.ikonli:ikonli-fontawesome5-pack:$ikonli")

class MainAPP : App(MainView::class)
class MainView : View("ikonli viewer:可直接在图标上点击右键->复制") {
    lateinit var _tabpane: TabPane
    lateinit var searchContainer: FlowPane
    private val iconType = stringProperty("")
    private val searchKey = stringProperty("")
    private val ikonli = stringProperty()
    private val ikonliNum = intProperty()
    private val ikons = observableListOf<Ikon>()
    val iconTypes = observableListOf(
            "Material", "Runestroicons", "Icomoon", "Typicons"
            , "FontAwesome", "FontAwesomeBrands", "FontAwesomeRegular", "FontAwesomeSolid"
    )
    override val root = borderpane {
        left = vbox {

        }
        center = tabpane {
            _tabpane = this
            tabClosingPolicy = TabPane.TabClosingPolicy.UNAVAILABLE
            selectionModel.selectedItemProperty().onChange {
                it?.let {
                    if (it.text != "Search Result")
                        _iconNum(it.text)
                    else {
                        ikonliNum.set(searchContainer.children.size)
                    }
                }
            }
            iconTypes.forEach {
                tab(it) {
                    scrollpane {
                        flowpane {
                            _tabs(it, this)
                            prefWrapLengthProperty().bind((this@scrollpane).prefWidthProperty())
                            vgap = 5.0
                            hgap = 5.0
                            contextmenu {
                                item("copy") {
                                    action {
                                        clipboard.putString(ikonli.value)
                                    }
                                }
                            }
                        }
                        prefWidth = 800.0

                        style {
                            borderColor += box(Color.RED)
                        }
                    }
                }
            }
            tab("Search Result") {
                scrollpane {
                    searchContainer = flowpane {
                        prefWrapLengthProperty().bind((this@scrollpane).prefWidthProperty())
                        vgap = 5.0
                        hgap = 5.0
                    }
                    prefWidth = 800.0

                    style {
                        borderColor += box(Color.RED)
                    }
                }
            }
        }
        top = hbox(5) {
            alignment = Pos.CENTER
            textfield(searchKey) {
                minWidth = 400.0
                promptText = "search key word here then click the search button"
            }
            button {
                isDefaultButton = true
                icon(Material.SEARCH)
                action {
                    search()
                }
            }
        }
        bottom = hbox(5) {
            label(iconType)
            separator(Orientation.VERTICAL)
            label(ikonliNum)
            separator(Orientation.VERTICAL)
            textfield(ikonli) {
                hgrow = Priority.ALWAYS
            }
            alignment = Pos.CENTER_LEFT
        }
        right = drawer {
            item("用法") {
                vbox(5) {
                    label("JDK14 with javafx:")
                    hyperlink("https://d2.injdk.cn/openjdk/liberica/14/full/bellsoft-jdk14.0.1+8-windows-amd64-full.zip")
                    textarea {
                        vgrow = Priority.ALWAYS
                        text = """
            1.add below to gradle.properties file:
            ikonli=11.5.0
            
            2.add below to build.gradle file:
            implementation("org.kordamp.ikonli:ikonli-javafx:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-typicons-pack:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-material-pack:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-runestroicons-pack:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-icomoon-pack:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-fontawesome-pack:${'$'}ikonli")
            implementation("org.kordamp.ikonli:ikonli-fontawesome5-pack:${'$'}ikonli")
            
            3.add button to your view:
            button {
              graphic = FontIcon.of(Material.SEARCH, 20, Color.RED)
              action {
              }
            }
          """.trimIndent()
                    }
                }
            }
        }
        setPrefSize(1024.0, 600.0)
        style {
            fontSize = 14.px
        }
    }