Lập trình JavaFX Cơ bản

Lập trình JavaFX Cơ bản

ProcessBar và ProcessIndicator trong JavaFX ProcessBar và ProcessIndicator trong JavaFX ProcessBar và ProcessIndicator trong JavaFX ProcessBar và ProcessIndicator trong JavaFX ProcessBar và ProcessIndicator trong JavaFX 0/5 (7 reviews)

ProcessBar và ProcessIndicator trong JavaFX

Đã đăng 2018-04-04 11:18:35 bởi Lê Châu
0 bình luận 1351 lượt xem
ProcessBar và ProcessIndicator trong JavaFX 0 /5 stars (0 reviews)
 

Dẫn nhập

JavaFX là một công nghệ phát triển giao diện máy tính trên nền tảng Java nhằm thay thế công nghệ cũ Java Swing, Java AWT với những cấu trúc và cách viết dễ sử dụng, thân thiện với lập trình viên nhiều hơn

Qua khoá học JavaFX Cơ bản, Kteam sẽ cung cấp những kiến thức lập trình cơ bản về thiết kế giao diện phần mềm, giúp các bạn có thể tạo ra những phần mềm phục vụ cho học tập và công việc.


Nội dung

Nội dung bao gồm Source code & các lưu ý chính về quá trình thực hiện phần mềm. Kteam khuyến khích bạn cập nhập thêm nhiều kinh nghiệm cũng như hiểu chi tiết hơn về các kỹ thuật được đề cập trong bài học thông qua các video đính kèm.

Kiến thức cần nắm để học serial này:

  • Java Cơ bản.
  • Java Hướng đối tượng.

Project tham khảo

Controller.java

package sample.Main13;

import javafx.concurrent.Task;
import javafx.fxml.FXML;
import javafx.scene.control.Label;
import javafx.scene.control.ProgressBar;
import javafx.scene.control.ProgressIndicator;
import javafx.event.ActionEvent;

public class Controller {
    @FXML
    ProgressBar progressBar;
    @FXML
    ProgressIndicator progressIndicator;
    @FXML
    Label label;
    doWork task;
    public void start (ActionEvent event){
        task = new doWork();
        progressBar.progressProperty().bind(task.progressProperty());
        progressIndicator.progressProperty().bind(task.progressProperty());
        label.textProperty().bind(task.messageProperty());
        new Thread(task).start();
    }
    public void cancel (ActionEvent event){
        task.cancel();
        progressBar.progressProperty().unbind();
        progressBar.setProgress(0);
        progressIndicator.progressProperty().unbind();
        progressIndicator.setProgress(0);
        label.textProperty().unbind();
        label.setText("ready");
    }
}
class doWork extends Task<Void>{

    @Override
    protected Void call() throws Exception {
        for (int i=0; i<10; i++){
            if (isCancelled()){
                updateMessage("Cancelled");
                break;
            }
            updateProgress(i+1,10);
            updateMessage("Loading");
            Thread.sleep(1000);
        }
        updateMessage("Finished");
        return null;
    }
}

Main13.java

package sample.Main13;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main13 extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        try{
            Parent root = FXMLLoader.load(this.getClass().getResource("sample.fxml"));
            Scene scene = new Scene(root);
            primaryStage.setScene(scene);
            primaryStage.show();
        }catch (Exception e){
            e.printStackTrace();
        }
    }
}

sample.fxml

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.control.ProgressIndicator?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.121" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Main13.Controller">
   <children>
      <ProgressBar fx:id="progressBar" layoutX="161.0" layoutY="146.0" prefWidth="200.0" progress="0.0" />
      <ProgressIndicator fx:id="progressIndicator" layoutX="394.0" layoutY="133.0" progress="0.0" />
      <Label fx:id="label" layoutX="218.0" layoutY="93.0" prefHeight="16.0" prefWidth="61.0" text="Ready" />
      <Button layoutX="161.0" layoutY="240.0" mnemonicParsing="false" onAction="#start" text="Start" />
      <Button layoutX="248.0" layoutY="240.0" mnemonicParsing="false" onAction="#cancel" text="Cancel" />
   </children>
</AnchorPane>

Tải Project

Nếu việc thực hành theo hướng dẫn không diễn ra suôn sẻ như mong muốn. Bạn cũng có thể tải xuống PROJECT THAM KHẢO ở link bên dưới! 


Kết

Trong bài này, chúng ta đã tìm hiểu về ProcessBar và ProcessIndicator trong JavaFX.

Ở bài sau, Kteam sẽ giới thiệu đến bạn về SLIDER TRONG JAVAFX.

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Và đừng quên “Luyện tập – Thử Thách – Không ngại khó

Chia sẻ:
Thảo luận Hỏi và đáp Báo lỗi bài viết
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  
Hủy bỏ   hoặc  

Chiến dịch

Kteam - Howkteam Free Education