Kotlin-GUI_TornadoFX

在有時候開發應用時會希望有gui介面提供給user操作

gradle建立Kotlin應用

Building Kotlin Libraries Sample

我們先開個資料夾裝應用，在資料夾內下gradle init做初始化，在選擇Select build script DSL的時候使用Groovy因為TornadoFX本身使用Groovy做介紹，後續比較能夠直接使用

$ mkdir demo
$ cd demo
建議新增資料夾
$ gradle init
//為了配合大多數開發者習慣
Select build script DSL:
  1: Groovy
  2: Kotlin
Enter selection (default: Groovy) [1..2] 1
我們選擇Groovy

根據TornadoFX設定build.gradle

2. Setting Up

在app/build.gradle設定

plugins {
    id 'application'
    id 'org.openjfx.javafxplugin' version '0.0.8'
}
dependencies {
    implementation 'no.tornado:tornadofx:1.7.20'
}
javafx {
    version = "11.0.2"
    modules = ['javafx.controls', 'javafx.graphics']
}
compileKotlin {
    kotlinOptions.jvmTarget = "15"
}

因為版本現在jvm已經到15以及x.y.z是看TornadoFX目前版本為1.7.20 TornadoFX版本

接下來建立簡單頁面測試

3. Components

import tornadofx.*
class MyApp: App(MyView::class)
fun main(args: Array<String>) {
    launch<MyApp>(args)
}
class MyView: View() {
    override val root = vbox {
        button(" 123 ")
        label(" 456 ")
    }
}

在資料夾內下 gradle run就能夠跑起來看效果

假如我們完成應用程式那麼我們可以下指令打包

The Application Plugin

gradle distZip 打包成 ZIP
gradle distTar 打包成 TAR

檔案放在/你的檔案名稱/app/build/distributions

解壓縮後bin裡有兩個執行的指令集一個給Unix一個給windows

github:

EriaWist/Kotlin_GUI_TornadoFX