Kotlin编写JavaFX的顺滑之数据控件（一）列表视图ListView

原创

已于 2024-07-23 08:32:01 修改 · 922 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#kotlin #android #开发语言 #javafx

于 2022-07-15 17:20:41 首次发布

Kotlin+JavaFX系列

效果先行

一个列表视图控件，可以实现展示一系列项，每一个项对应ListView界面中的一行。这个控件很简单，但是也很好用。当采用Kotlin编写的时候，就更好用了。

增加项
清除项
选择项
原位编辑

再给代码

data class Kid(
    var firstname: String = "",
    var middleName: String = "",
    var lastname: String = "",
    var age: Int = 0
)

class DefaultFocusInScope {
   
   
    private val _ff = SimpleBooleanProperty(false)

    /**
     * Set n be the focused node in the scope, when focused, call func
     * @param n Node
     * @param func Function0<Unit>
     */
    fun focusNode(n: Node, func: () -> Unit) {
   
   
        _ff.addListener {
   
    _, _, _ ->
            Platform.runLater {
   
   
                n.requestFocus()
                func()
            }
        }
    }

    /**
     * set focus to the default focused node in this scope.
     */
    fun focus() {
   
   
        _ff.value = !(_ff.value)
    }
}

fun randString(len: Int = 10, from: Int = 97, until: Int = 122) = (1..len).map {
   
   
    Random.nextInt(from, until).toChar()
}.toTypedArray().joinToString(separator = "") {
   
    "$it" }


fun listViewDemo(): Parent {
   
   
    val names = SimpleObjectProperty(FXCollections.observableArrayList<Kid>())

    return BorderPane().apply {
   
   
        padding = Insets(5.0)
        center = ListView<Kid>().apply {
   
   
            isEditable = true
            itemsProperty().bindBidirectional(names)
            setCellFactory {
   
   
                object : ListCell<Kid>() {
   
   
                    val thisKid = SimpleObjectProperty(Kid())
                    override fun updateItem(item: Kid?, empty: Boolean) {
   
   
                        super.updateItem(item, empty)
                        if (!empty && item != null) {
   
   
                            graphic = HBox().apply {
   
   
                                thisKid.value = item
                                children.add(Label(item.firstname).apply {
   
   
                                    HBox.setHgrow(this, Priority.ALWAYS)
                                    maxWidth = Double