Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

JavaFXطريقة تدريج لون الـText من لون لآخر

المثال التالي يعلمك طريقة تدريج لون الـ Text من لون لآخر.
معلومة: أسلوب عرض اللون بهذا الشكل يسمى ( Linear Gradient Fill ).


مثال

Main.java
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Main extends Application {
@Override
public void start(Stage stage) {
// يمثل النص الذي نريد إضافته في النافذة Text هنا قمنا بإنشاء كائن من الكلاس
Text text = new Text("HARMASH.COM");
// في النافذة text هنا قمنا بتحديد مكان ظهور الكائن
text.setX(28);
text.setY(130);
// text هنا قمنا بتغيير تصميم الكائن
// Tahoma حجم الخط جعلناه 50 بيكسل و نوع الخط جعلناه
// لون الخط جعلناه يتدرج من اليسار إلى اليمين من اللون الأحمر إلى اللون البنفسجي
// و أضفنا اللون الأسود حول اللون الأساسي و حددنا أن حجم اللون الأسود هو 1.5
text.setStyle(
"-fx-font: 50px Tahoma;"
+ "-fx-fill: linear-gradient(from 0% 0% to 100% 200%, repeat, red 0%, purple 50%);"
+ "-fx-stroke: black;"
+ "-fx-stroke-width: 1.5;"
);
// في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس
Group root = new Group();
// root في الكائن text هنا قمنا بإضافة الكائن
root.getChildren().add(text);
// فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن
Scene scene = new Scene(root, 400, 250);
// هنا وضعنا عنوان للنافذة
stage.setTitle("JavaFX Text");
// أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ
stage.setScene(scene);
// هنا قمنا بإظهار النافذة
stage.show();
}
// هنا قمنا بتشغيل التطبيق
public static void main(String[] args) {
launch(args);
}
}
import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Scene; import javafx.scene.text.Text; import javafx.stage.Stage; public class Main extends Application { @Override public void start(Stage stage) { // يمثل النص الذي نريد إضافته في النافذة Text هنا قمنا بإنشاء كائن من الكلاس Text text = new Text("HARMASH.COM"); // في النافذة text هنا قمنا بتحديد مكان ظهور الكائن text.setX(28); text.setY(130); // text هنا قمنا بتغيير تصميم الكائن // Tahoma حجم الخط جعلناه 50 بيكسل و نوع الخط جعلناه // لون الخط جعلناه يتدرج من اليسار إلى اليمين من اللون الأحمر إلى اللون البنفسجي // و أضفنا اللون الأسود حول اللون الأساسي و حددنا أن حجم اللون الأسود هو 1.5 text.setStyle( "-fx-font: 50px Tahoma;" + "-fx-fill: linear-gradient(from 0% 0% to 100% 200%, repeat, red 0%, purple 50%);" + "-fx-stroke: black;" + "-fx-stroke-width: 1.5;" ); // في النافذة Root Node لأننا ننوي جعله الـ Group هنا قمنا بإنشاء كائن من الكلاس Group root = new Group(); // root في الكائن text هنا قمنا بإضافة الكائن root.getChildren().add(text); // فيها و تحديد حجمها Node كأول root هنا قمنا بإنشاء محتوى النافذة مع تعيين الكائن Scene scene = new Scene(root, 400, 250); // هنا وضعنا عنوان للنافذة stage.setTitle("JavaFX Text"); // أي وضعنا محتوى النافذة الذي قمنا بإنشائه للنافذة .stage في كائن الـ scene هنا وضعنا كائن الـ stage.setScene(scene); // هنا قمنا بإظهار النافذة stage.show(); } // هنا قمنا بتشغيل التطبيق public static void main(String[] args) { launch(args); } }

ستظهر لك النافذة التالية عند التشغيل.

طريقة تدريج لون الكائن Text من لون لآخر في javafx