JavaFX UI控件教程(十八)之Progress Bar和Progress Indicator
翻譯自??Progress Bar and Progress Indicator
在本章中,您將了解進(jìn)度指示器和進(jìn)度條,以及可視化JavaFX應(yīng)用程序中任何操作進(jìn)度的UI控件。
本ProgressIndicator類及其直接子類ProgressBar所提供的功能,以表明特定的任務(wù)是處理和檢測是如何工作的很多已經(jīng)做了。當(dāng)ProgressBar類將進(jìn)度可視化為完成條時,ProgressIndicator該類以動態(tài)變化的餅圖的形式顯示進(jìn)度,如圖17-1所示。
圖17-1進(jìn)度條和進(jìn)度指示器
?
創(chuàng)建進(jìn)度控制
使用示例17-1中的代碼片段在JavaFX應(yīng)用程序中插入進(jìn)度控件。
示例17-1實現(xiàn)進(jìn)度條和進(jìn)度指示器
ProgressBar pb = new ProgressBar(0.6); ProgressIndicator pi = new ProgressIndicator(0.6);您還可以使用空構(gòu)造函數(shù)創(chuàng)建不帶參數(shù)的進(jìn)度控件。在這種情況下,您可以使用該setProgress方法分配值。
有時,應(yīng)用程序無法確定任務(wù)的完整完成時間。在這種情況下,進(jìn)度控制將保持不確定模式,直到確定任務(wù)的長度。圖17-2顯示了進(jìn)度控件的不同狀態(tài),具體取決于其進(jìn)度變量值。
圖17-2各種進(jìn)度控制狀態(tài)
例17-2顯示了圖17-2中所示應(yīng)用程序的源代碼。
示例17-2啟用進(jìn)度控制的不同狀態(tài)
import javafx.application.Application; import javafx.geometry.Pos; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.control.Label; import javafx.scene.control.ProgressBar; import javafx.scene.control.ProgressIndicator; import javafx.scene.layout.HBox; import javafx.scene.layout.VBox; import javafx.stage.Stage;public class Main extends Application {final Float[] values = new Float[] {-1.0f, 0f, 0.6f, 1.0f}; final Label [] labels = new Label[values.length]; final ProgressBar[] pbs = new ProgressBar[values.length]; final ProgressIndicator[] pins = new ProgressIndicator[values.length]; final HBox hbs [] = new HBox [values.length];@Overridepublic void start(Stage stage) {Group root = new Group();Scene scene = new Scene(root, 300, 150);scene.getStylesheets().add("progresssample/Style.css");stage.setScene(scene);stage.setTitle("Progress Controls");for (int i = 0; i < values.length; i++) {final Label label = labels[i] = new Label();label.setText("progress:" + values[i]);final ProgressBar pb = pbs[i] = new ProgressBar();pb.setProgress(values[i]);final ProgressIndicator pin = pins[i] = new ProgressIndicator();pin.setProgress(values[i]);final HBox hb = hbs[i] = new HBox();hb.setSpacing(5);hb.setAlignment(Pos.CENTER);hb.getChildren().addAll(label, pb, pin);}final VBox vb = new VBox();vb.setSpacing(5);vb.getChildren().addAll(hbs);scene.setRoot(vb);stage.show();}public static void main(String[] args) {launch(args);} }進(jìn)度變量的正值介于0和1之間表示進(jìn)度百分比。例如,0.4對應(yīng)于40%。此變量的負(fù)值表示進(jìn)度處于不確定模式。使用該isIndeterminate方法檢查進(jìn)度控件是否處于不確定模式。
?
指示用戶界面的進(jìn)度
最初簡化示例17-2以呈現(xiàn)進(jìn)度控件的所有可能狀態(tài)。在實際應(yīng)用程序中,可以通過其他UI元素的值獲取進(jìn)度值。
研究示例17-3中的代碼,了解如何根據(jù)滑塊位置設(shè)置進(jìn)度條和進(jìn)度指示器的值。
示例17-3從滑塊接收進(jìn)度值
import javafx.application.Application; import javafx.beans.value.ChangeListener; import javafx.beans.value.ObservableValue; import javafx.geometry.Pos; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.control.ProgressBar; import javafx.scene.control.ProgressIndicator; import javafx.scene.control.Slider; import javafx.scene.layout.HBox; import javafx.stage.Stage;public class Main extends Application {@Overridepublic void start(Stage stage) {Group root = new Group();Scene scene = new Scene(root);stage.setScene(scene);stage.setTitle("Progress Controls");final Slider slider = new Slider();slider.setMin(0);slider.setMax(50);final ProgressBar pb = new ProgressBar(0);final ProgressIndicator pi = new ProgressIndicator(0);slider.valueProperty().addListener(new ChangeListener<Number>() {public void changed(ObservableValue<? extends Number> ov,Number old_val, Number new_val) {pb.setProgress(new_val.doubleValue()/50);pi.setProgress(new_val.doubleValue()/50);}});final HBox hb = new HBox();hb.setSpacing(5);hb.setAlignment(Pos.CENTER);hb.getChildren().addAll(slider, pb, pi);scene.setRoot(hb);stage.show();}public static void main(String[] args) {launch(args);} }編譯并運行此應(yīng)用程序時,它會生成如圖17-3所示的窗口。
圖17-3指示滑塊設(shè)置的進(jìn)度
一個ChangeListener對象確定該滑塊的值被改變,并且計算該進(jìn)度條和進(jìn)度指示符,使得進(jìn)度控制的值在0.0到1.0的范圍內(nèi)的進(jìn)展。
?
相關(guān)的API文檔。 ?
-
ProgressBar
-
ProgressIndicator
總結(jié)
以上是生活随笔為你收集整理的JavaFX UI控件教程(十八)之Progress Bar和Progress Indicator的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微信气泡主题怎么设置方法
- 下一篇: JavaFX UI控件教程(十九)之Hy