Bagaimanakah Saya Boleh Menyesuaikan Penampilan Bar Kemajuan JavaFX?

Menggayakan Bar Kemajuan JavaFX

Pengenalan

Menyesuaikan penampilan komponen UI meningkatkan pengalaman pengguna dan menyelaraskannya dengan estetika aplikasi. Artikel ini membincangkan penyesuaian komponen JavaFX ProgressBar.

Menetapkan Warna Bar Kemajuan

Gunakan sifat -fx-background-color untuk menentukan warna bar kemajuan. Bar dalam boleh diwarnakan menggunakan sifat -fx-accent.

.progress-bar {
    -fx-background-color: lightblue;
    -fx-accent: red;
}

Menetapkan Warna Latar Belakang Bar Kemajuan

Untuk menetapkan warna latar belakang bar kemajuan secara berasingan daripada warna utamanya, gunakan sifat -fx-control-inner-background.

.progress-bar > .track {
    -fx-control-inner-background: lightgray;
}

Menambah Teks Tersuai di Atas Kemajuan Bar

Untuk menambah nod teks di atas bar kemajuan, buat Label tersuai dan letakkannya sepenuhnya di atas bar.

Label progressText = new Label("Progress: 50%");
progressText.setLayoutX(getProgressBar().getLayoutX() + getProgressBar().getWidth() / 2);
progressText.setLayoutY(getProgressBar().getLayoutY() + 2);

Penyesuaian Tambahan

Menukar Kemajuan Ketinggian Bar

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}

Nama dan Perintah Kelas CSS

Kelas CSS nama dan arahan untuk komponen ProgressBar tersedia dalam helaian gaya lalai JavaFX, cth., modena.css (Java 8) atau caspian.css (Java 7).

Panduan Rujukan CSS

Untuk maklumat umum tentang penggunaan CSS JavaFX, rujuk Panduan Rujukan CSS JavaFX.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyesuaikan Penampilan Bar Kemajuan JavaFX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!