	ブログをはじめるログイン

ProgressBar・ProgressIndicator　[JavaFX] [編集]

前置き

進捗状況を可視化するためのコントロール。
progressに負の値を設定すると、不確定モードとなる。
progressは1.0を完了状態とし、0.5を50%の状態として表示する。

因みに、何も考えずに使用すると、処理の終了時にゲージが一気に完了状態に切り替わったように表示される。
処理の進捗にあわせてゲージも徐々に上がっていくように見せるには、非同期処理で更新しないとダメ。
非同期処理についてのメモは次回に残す予定。

実装

FXDemo.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.control.ProgressIndicator?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.FlowPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="jp.ne.yonem.FXDemo">
   <center>
      <VBox BorderPane.alignment="CENTER">
         <children>
            <FlowPane hgap="20.0">
               <children>
                  <ProgressBar fx:id="bar1st" prefWidth="200.0" progress="0.0" />
                  <ProgressIndicator fx:id="ind1st" progress="0.0" />
               </children>
               <VBox.margin>
                  <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
               </VBox.margin>
            </FlowPane>
            <FlowPane hgap="20.0">
               <children>
                  <ProgressBar fx:id="bar2nd" prefWidth="200.0" progress="0.0" />
                  <ProgressIndicator fx:id="ind2nd" progress="0.0" />
               </children>
               <VBox.margin>
                  <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
               </VBox.margin>
            </FlowPane>
            <FlowPane hgap="20.0">
               <children>
                  <ProgressBar fx:id="bar3rd" prefWidth="200.0" progress="0.0" />
                  <ProgressIndicator fx:id="ind3rd" progress="0.0" />
               </children>
               <VBox.margin>
                  <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
               </VBox.margin>
            </FlowPane>
         </children>
      </VBox>
   </center>
   <top>
      <FlowPane hgap="20.0" prefWidth="200.0" BorderPane.alignment="CENTER">
         <children>
            <Button mnemonicParsing="false" onAction="#onReset" text="Reset">
               <font>
                  <Font size="30.0" />
               </font>
            </Button>
            <Button mnemonicParsing="false" onAction="#onStart" text="Start">
               <font>
                  <Font size="30.0" />
               </font>
            </Button>
         </children>
         <BorderPane.margin>
            <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
         </BorderPane.margin>
      </FlowPane>
   </top>
</BorderPane>

FXDemo.kt

package jp.ne.yonem

import javafx.application.Application
import javafx.fxml.FXML
import javafx.fxml.FXMLLoader
import javafx.fxml.Initializable
import javafx.scene.Scene
import javafx.scene.control.ProgressBar
import javafx.scene.control.ProgressIndicator
import javafx.scene.layout.BorderPane
import javafx.stage.Stage
import java.net.URL
import java.util.*

class FXDemo : Application(), Initializable {

    @FXML
    lateinit var bar1st: ProgressBar

    @FXML
    lateinit var bar2nd: ProgressBar

    @FXML
    lateinit var bar3rd: ProgressBar

    @FXML
    lateinit var ind1st: ProgressIndicator

    @FXML
    lateinit var ind2nd: ProgressIndicator

    @FXML
    lateinit var ind3rd: ProgressIndicator

    override fun start(stage: Stage) {
        stage.scene = Scene(FXMLLoader.load<BorderPane>(javaClass.getResource("FXDemo.fxml")))
        stage.title = "FXDemo"
        stage.show()
    }

    override fun initialize(location: URL?, resources: ResourceBundle?) {
    }

    @FXML
    private fun onReset() {
        bar1st.progress = 0.0
        bar2nd.progress = 0.0
        bar3rd.progress = 0.0
        ind1st.progress = 0.0
        ind2nd.progress = 0.0
        ind3rd.progress = 0.0
    }

    @FXML
    private fun onStart() {
        bar1st.progress = -0.33
        bar2nd.progress = 0.75
        bar3rd.progress = 1.0
        ind1st.progress = -0.1
        ind2nd.progress = 0.75
        ind3rd.progress = 1.0
    }

    companion object {

        @JvmStatic
        fun main(args: Array<String>) {
            launch(FXDemo::class.java, *args)
        }
    }
}