الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

JavaFX LogoAnimation

بدأه alionline في 29 يوليو 2012 · 5 رد · 965 مشاهدة · في JavaSE
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

احببت ان انزل اليوم مثال صغير بما تفعله هذه اللغة الجميل

المثال متكون من ملفيين

الاول: net_fx_beans.fxml وهو ملف الواجهة الرسوية

الثاني: LogoAnimation.java وهو ملف متحكم بحركة الواجهة وبخلفية شفافة

LogoAnimation.java

import javafx.animation.*;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
import javafx.util.Duration;

public class LogoAnimation extends Application {

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

	@Override
	public void start(Stage primaryStage) throws Exception {
		AnchorPane g = (AnchorPane)FXMLLoader.load(LogoAnimation.class.getResource("net_fx_beans.fxml"));
		System.out.println(" g : " + g);

		Text text1 = (Text) g.lookup("#text1");
		System.out.println(" text1 : " + text1);
		text1.setTranslateX(71);

		Text text2 = (Text) g.lookup("#text3");
		System.out.println(" text2 : " + text2);
		text2.setTranslateX(-71);

		AnchorPane logo = (AnchorPane) g.lookup("#AnchorPane");
		System.out.println(" logo : " + logo);
		logo.setOpacity(0);

		TranslateTransition tt0 = new TranslateTransition(new Duration(3000), text1);
		tt0.setFromX(71);
		tt0.setToX(0);

		TranslateTransition tt = new TranslateTransition(new Duration(3000), text2);
		tt.setFromX(-71);
		tt.setToX(0);

		FadeTransition ft = new FadeTransition(new Duration(2000), logo);
		ft.setFromValue(0);
		ft.setToValue(1.0);

		ScaleTransition st = new ScaleTransition(new Duration(2000),logo);
		st.setFromX(0);
		st.setToX(1);

		SequentialTransition t = new SequentialTransition(new ParallelTransition(tt0, tt), new ParallelTransition(ft,st));
		t.setDelay(new Duration(2000));
		t.setAutoReverse(true);
		t.setCycleCount(Animation.INDEFINITE);
		t.play();



		StackPane p = new StackPane();
		p.getChildren().add(g);

		Scene s = new Scene(p);
		s.setFill(Color.TRANSPARENT);

		primaryStage.initStyle(StageStyle.TRANSPARENT);
		primaryStage.setWidth(657);
		primaryStage.setHeight(237);
		primaryStage.setScene(s);
		primaryStage.show();
	}

}

net_fx_beans.fxml

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

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.effect.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.paint.*?>
<?import javafx.scene.shape.*?>
<?import javafx.scene.text.*?>

<AnchorPane fx:id="AnchorPane0" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="691.0" xmlns:fx="http://javafx.com/fxml">
  <children>
    <Text id="text1" fx:id="text_net" layoutX="115.0" layoutY="230.0" stroke="BLACK" text="Net">
      <font>
        <Font name="System Bold" size="72.0" fx:id="x1" />
      </font>
    </Text>
    <AnchorPane id="AnchorPane" fx:id="fx_anchorpane" layoutX="231.0" layoutY="120.0" prefHeight="162.609375" prefWidth="162.609375">
      <children>
        <Circle id="circle1" fill="DODGERBLUE" layoutX="82.0" layoutY="82.0" opacity="0.5" radius="71.3046875" stroke="#33e7ff" strokeType="INSIDE">
          <effect>
            <GaussianBlur />
          </effect>
        </Circle>
        <Circle id="circle2" fill="DODGERBLUE" layoutX="83.0" layoutY="83.0" radius="48.70703125" stroke="#00e0ff" strokeType="INSIDE">
          <effect>
            <BoxBlur />
          </effect>
        </Circle>
        <Text id="text2" layoutX="46.0" layoutY="109.0" stroke="BLACK" text="fx">
          <font>
            <Font name="System Italic" size="72.0" />
          </font>
        </Text>
      </children>
    </AnchorPane>
    <Text id="text3" fx:id="text_beans" font="$x1" layoutX="384.0" layoutY="230.0" stroke="BLACK" text="Beans" />
  </children>
</AnchorPane>

تحياتي

LogoAnimation.rar

#2

هل من الممكن صوره او فيديو للتشجيع على تجربه المثال

لان انا بصراحه ليس لدى اصدار FX فلو عجبنى الموضوع هاقوم بتحميله :)

Software Developer
Mahmoudkelany.com


 

#3

20120608190516.png

تقوم كلمة FX بالدوران ثم الاختفاء بشكل مستمر

تحياتي

1
#4

السلام عليكم

ممكن  توضح لي الكود الذي يعمل على دوران FX وشكرا

#5

هل من الممكن في البداية تقديم شرح نظري عن الموضوع واستخداماته وفوائده؟

 

شكرا

إذا نظــرتَ نيـوب اللـّيـثِ بـارزةً         فـلا تظــنَنَ أَنَّ اللـّيـــثَ يبْتسـِـــمُ


 


 


رسم المخططات البيانية بواسطة الجافا


 


كتاب تحليل وتصميم نظم المعلومات


#6

مثلا أنا أستخدمه لعمل برنامج محاكاة الروبوت

مواضيع مشابهة