JavaFXطريقة تغيير حجم و لون الـSeparator
المثال التالي يعلمك طريقة تغيير حجم و لون الـ Separator.
ملاحظة: عليك إنشاء مجلد إسمه css
. ثم إنشاء ملف إسمه my-style.css
بداخله لتضع فيه كود التصميم كما في الصورة التالية.
مثال
/* بشكل إفتراضي لنجعل لونه أزرق و سمكه يساوي 1 بيكسل Separator الذي يستخدمه الكلاس line هنا قمنا بتعديل كلاس التصميم
يضاف فيها ليصبح لونه أزرق و سمكه يساوي 1 بيكسل Separator يتم ربطها بهذا الملف سيتم تعديل خصائص كل Scene إذاً أي
*/
.separator .line {
-fx-border-color: cadetblue;
-fx-border-width: 2;
}
/* بشكل إفتراضي لنجعل لونه أزرق و سمكه يساوي 1 بيكسل Separator الذي يستخدمه الكلاس line هنا قمنا بتعديل كلاس التصميم
يضاف فيها ليصبح لونه أزرق و سمكه يساوي 1 بيكسل Separator يتم ربطها بهذا الملف سيتم تعديل خصائص كل Scene إذاً أي
*/
.separator .line {
-fx-border-color: cadetblue;
-fx-border-width: 2;
}
import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Separator;
import javafx.stage.Stage;
public class Main extends Application {
@Override
public void start(Stage stage) {
// يمثل الخط العامودي الذي نريد إضافته في النافذة Seperator هنا قمنا بإنشاء كائن من الكلاس
Separator separator_1 = new Separator(Orientation.VERTICAL);
// يمثل الخط العامودي الذي نريد إضافته في النافذة Seperator هنا قمنا بإنشاء كائن من الكلاس
Separator separator_2 = new Separator(Orientation.HORIZONTAL);
// في النافذة seperator_1 هنا قمنا بتحديد مكان ظهور الكائن
separator_1.setTranslateX(50);
separator_1.setTranslateY(50);
// في النافذة seperator هنا قمنا بتحديد مكان ظهور الكائن
separator_2.setTranslateX(100);
separator_2.setTranslateY(125);
// separator_1 هنا قمنا بتحديد طول الخط
separator_1.setPrefHeight(150);
// separator_2 هنا عرض بتحديد طول الخط
separator_2.setPrefWidth(200);
// في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس
Group root = new Group();
// group و الذي بدوره سيضيفهما أيضاً في الكائن في الكائن separator_2 و seperator_1 هنا قمنا بإضافة الكائنين
root.getChildren().add(separator_1);
root.getChildren().add(separator_2);
// فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
Scene scene = new Scene(root, 400, 250);
// لتطبيق الخصائص التي يحتويها على الأشياء الموجودة فيه scene بالكائن my-style.css هنا قمنا بربط ملف التصميم
scene.getStylesheets().add("css/my-style.css");
// هنا وضعنا عنوان للنافذة
stage.setTitle("JavaFX Separator");
// أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ
stage.setScene(scene);
// هنا قمنا بإظهار النافذة
stage.show();
}
// هنا قمنا بتشغيل التطبيق
public static void main(String[] args) {
launch(args);
}
}
import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Separator;
import javafx.stage.Stage;
public class Main extends Application {
@Override
public void start(Stage stage) {
// يمثل الخط العامودي الذي نريد إضافته في النافذة Seperator هنا قمنا بإنشاء كائن من الكلاس
Separator separator_1 = new Separator(Orientation.VERTICAL);
// يمثل الخط العامودي الذي نريد إضافته في النافذة Seperator هنا قمنا بإنشاء كائن من الكلاس
Separator separator_2 = new Separator(Orientation.HORIZONTAL);
// في النافذة seperator_1 هنا قمنا بتحديد مكان ظهور الكائن
separator_1.setTranslateX(50);
separator_1.setTranslateY(50);
// في النافذة seperator هنا قمنا بتحديد مكان ظهور الكائن
separator_2.setTranslateX(100);
separator_2.setTranslateY(125);
// separator_1 هنا قمنا بتحديد طول الخط
separator_1.setPrefHeight(150);
// separator_2 هنا عرض بتحديد طول الخط
separator_2.setPrefWidth(200);
// في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس
Group root = new Group();
// group و الذي بدوره سيضيفهما أيضاً في الكائن في الكائن separator_2 و seperator_1 هنا قمنا بإضافة الكائنين
root.getChildren().add(separator_1);
root.getChildren().add(separator_2);
// فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
Scene scene = new Scene(root, 400, 250);
// لتطبيق الخصائص التي يحتويها على الأشياء الموجودة فيه scene بالكائن my-style.css هنا قمنا بربط ملف التصميم
scene.getStylesheets().add("css/my-style.css");
// هنا وضعنا عنوان للنافذة
stage.setTitle("JavaFX Separator");
// أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ
stage.setScene(scene);
// هنا قمنا بإظهار النافذة
stage.show();
}
// هنا قمنا بتشغيل التطبيق
public static void main(String[] args) {
launch(args);
}
}
ستظهر لك النافذة التالية عند التشغيل.