آموزش JavaFX GUI Development

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید قبل از تماشا بدانید What you should know before watching

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

• چالش ها توضیح داده شده است Challenges explained

1. با JavaFX شروع کنید 1. Get Started with JavaFX

• JavaFX چیست؟ What is JavaFX?

• نمای کلی از معماری JavaFX Overview of JavaFX architecture

• نمودار صحنه JavaFX The JavaFX scene graph

2. نمونه برنامه ها 2. Sample Applications

• یک برنامه ساده JavaFX ایجاد کنید Create a simple JavaFX program

• کنترل های فرم را اضافه کنید Add form controls

• CSS را به یک فرم اضافه کنید Add CSS to style a form

• طراحی رابط را تنظیم کنید Set up an interface design

• چالش: با استفاده از FXML به کاربر اجازه دهید سوالی بپرسد Challenge: Use FXML to let a user ask a question

• راه حل: از FXML استفاده کنید تا کاربر بتواند سوالی را مطرح کند Solution: Use FXML to let a user ask a question

3. ترسیم 3. Drawing

• خط و شکل بکشید Draw lines and shapes

• اشکال را مخلوط کنید Blend shapes

• رسم متن Draw text

• جلوه های متن را اعمال کنید Apply text effects

• چالش: صحنه ای را با اشکال و رنگ های تصادفی ایجاد کنید Challenge: Create a scene with random shapes and colors

• راه حل: صحنه ای را با اشکال و رنگ های تصادفی ایجاد کنید Solution: Create a scene with random shapes and colors

4- مؤلفه های رابط کاربری 4. User Interface Components

• یک رابط کاربری تنظیم کنید Lay out a user interface

• کنترل ها را به رابط کاربری اضافه کنید Add controls to the user interface

• از کنترل کننده های رویداد کنترل UI استفاده کنید Use UI control event handlers

• شامل یک فهرست Include a menu

• ListView را برای انتخاب های کاربر فراهم کنید Provide a ListView for user selections

• برای نمایش داده ها از TableView استفاده کنید Use a TableView to display data

• چالش: یک چالش رابط کاربر ایجاد کنید Challenge: Create a customer user interface challenge

• راه حل: یک چالش رابط کاربر ایجاد کنید Solution: Create a customer user interface challenge

5- گرافیک 5. Graphics

• یک تصویر اضافه کنید Add an image

• با استفاده از تحولات متحرک شوید Animate using transformations

• نمودارها را برای تجسم بهتر اضافه کنید Add charts for better visualization

• چالش: یک نمودار نوار ایجاد کنید Challenge: Create a bar chart

• راه حل یک نمودار نوار ایجاد کنید Solution Create a bar chart

6. UI های سفارشی 6. Custom UIs

• مضامین CSS را اعمال کنید Apply CSS themes

• از انتخابگرها استفاده کنید Use selectors

• قوانین سبک ایجاد کنید Create style rules

• چالش: یک پرونده CSS با سبک ایجاد کنید Challenge: Create a CSS file with styles

• راه حل: یک فایل CSS با سبک ایجاد کنید Solution: Create a CSS file with styles

نتیجه Conclusion

• مراحل بعدی Next steps