آموزش QML برای مبتدیان

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

مقدمه ای بر QML Introduction to QML

• آنچه این دوره شامل می شود What this course covers

• نسخه ها - Qt 5 در مقابل Qt 6 Versions - Qt 5 vs Qt 6

• آنچه این دوره شامل نمی شود What this course does not cover

• QML در مقابل Qt Quick QML vs Qt Quick

• محدودیت های QML QML limitations

• با QML چه چیزی می توانید بسازید What can you make with QML

• Qt5 در مقابل Qt6 Qt5 vs Qt6

• QML در مقابل ویجت های Qt QML vs Qt Widgets

• یکبار بنویسید هر جا بسازید Write once build anywhere

• بخش 1 - آزمون Section 1 - Quiz

مقدمه ای بر QML Introduction to QML

کاوش Qt Creator Exploring Qt Creator

• پولی در مقابل رایگان Paid vs free

• تنظیمات Qt Creator Qt Creator settings

• کیت های خالق Qt Qt Creator kits

• پروژه های Qt Creator Qt Creator projects

• برنامه خط فرمان Qt Qt command line app

• برنامه ویجت های Qt Qt widgets app

• پروژه های متعدد Multiple projects

• پروژه نمونه QML QML example project

• ویرایشگر QML در مقابل طراح QML editor vs designer

• بخش 2 - تکلیف Section 2 - Assignment

• بخش 2 - آزمون Section 2 - Quiz

کاوش Qt Creator Exploring Qt Creator

غواصی در QML Diving into QML

• نظرات Comments

• شی ریشه و شناسه Root object and IDs

• اشیاء QML در مقابل QObjects QML objects vs QObjects

• موقعیت یابی X، Y، Z X, Y, Z positioning

• تحولات والدین و فرزند Parent and child transformations

• تعامل شی - TapHandler Object interaction - TapHandler

• بند 3 - تکلیف Section 3 - Assignment

غواصی در QML Diving into QML

انواع پایه Basic types

• نوع آیتم Item type

• مستطیل Rectangle

• تصویر Image

• متن Text

• Mouse Area MouseArea

• جزء سفارشی Custom component

• بخش 4 - تکلیف Section 4 - Assignment

• بخش 4 - آزمون Section 4 - Quiz

انواع پایه Basic types

موقعیت یابی و چیدمان ها Positioning and layouts

• موقعیت یابی اشیا با استفاده از X، Y Object positioning using X, Y

• موقعیت یابی اشیا با استفاده از Z Object positioning using Z

• طرح ستون Column layout

• طرح بندی ردیف Row layout

• طرح شبکه Grid layout

• طرح جریان Flow layout

• لنگرها Anchors

• حاشیه ها Margins

• نمایشگر ساده تصویر Simple image viewer

• بند 5 - تکلیف Section 5 - Assignment

• بخش 5 - آزمون Section 5 - Quiz

موقعیت یابی و چیدمان ها Positioning and layouts

ویژگی ها و انیمیشن ها Properties and animations

• Property and Property Animation Property and PropertyAnimation

• چرخش و چرخش انیمیشن Rotation and RotationAnimation

• Scale و Sequential Animation Scale and SequentialAnimation

• Opacity و OpacityAnimator Opacity and OpacityAnimator

• Smoothed Animation SmoothedAnimation

• ضد آلیاسینگ Anti-aliasing

• ورودی صفحه کلید Keyboard input

• تبدیل و ترجمه کنید Transform and Translate

• کشیدن و انداختن Drag and drop

• بند 6 - تکلیف Section 6 - Assignment

• بخش 6 - آزمون Section 6 - Quiz

ویژگی ها و انیمیشن ها Properties and animations

معرفی طراح Introducing the designer

• طراح Designer

• ویرایشگر خواص Property editor

• اتصالات و اتصالات Connections and bindings

• اتصالات و خواص Connections and properties

• ایالت ها States

• تصاویر در طراح Images in the designer

• بند 7 - تکلیف Section 7 - Assignment

• بخش 7 - آزمون Section 7 - Quiz

معرفی طراح Introducing the designer

Qt Quick Qt Quick

• کنترل های سریع Qt Qt Quick Controls

• برچسب Label

• Busy Indicator BusyIndicator

• دکمه Button

• چک باکس Checkbox

• Delegate را در ListView بررسی کنید CheckDelegate in a ListView

• جعبه ترکیبی ComboBox

• دکمه تاخیر DelayButton

• شماره گیری کنید Dial

• قاب ها و پنجره های بازشو Frames and Popups

• GroupBox و RadioButton GroupBox and RadioButton

• لغزنده Slider

• RangeSlider RangeSlider

• دکمه گرد RoundButton

• اسپین باکس SpinBox

• تعویض Switch

• لیوان Tumbler

• صفحه ورود ساده Simple login screen

• TextArea در ScrollView TextArea in a ScrollView

• بند 8 - تکلیف Section 8 - Assignment

• بخش 8 - آزمون Section 8 - Quiz

Qt Quick Qt Quick

قالب های پروژه QML QML project templates

• برنامه ScrollView ScrollView application

• برنامه StackView StackView application

• برنامه SwipeView SwipeView application

• عبور از متغیرها Passing variables

• عبور متغیرها (روش alt) Passing variables (alt method)

• بند 9 - تکلیف Section 9 - Assignment

• بخش 9 - آزمون Section 9 - Quiz

قالب های پروژه QML QML project templates

جاوا اسکریپت JavaScript

• متغیرهای جاوا اسکریپت JavaScript variables

• مبانی دامنه جاوا اسکریپت JavaScript scope basics

• جاوا اسکریپت IF JavaScript IF

• حلقه های جاوا اسکریپت JavaScript loops

• سوئیچ جاوا اسکریپت JavaScript switch

• جاوا اسکریپت سه تایی JavaScript ternary

• توابع جاوا اسکریپت JavaScript functions

• جاوا اسکریپت اطلاعات بیشتر JavaScript more info

• QML جاوا اسکریپت درون خطی QML in-line JavaScript

• توابع جاوا اسکریپت QML QML JavaScript Functions

• فایل های جاوا اسکریپت QML QML JavaScript Files

• اتصالات جاوا اسکریپت QML QML JavaScript Connections

• بخش 10 - تکلیف Section 10 - Assignment

• بخش 10 - آزمون Section 10 - Quiz

جاوا اسکریپت JavaScript

ادغام QML و C++ QML and C++ integration

• معرفی QML و C++ QML and C++ intro

• اسلات C++ را از QML فراخوانی کنید Call C++ slot from QML

• یک اسلات QML از ++C فراخوانی کنید Call a QML slot from C++

• کلاس C++ را با QML ثبت کنید Register C++ class with QML

• مثال یکپارچه سازی C++ C++ integration example

• بند 11 - تکلیف Section 11 - Assignment

• بخش 11 - آزمون Section 11 - Quiz

ادغام QML و C++ QML and C++ integration

اجزای سفارشی Custom components

• دکمه تصویر سفارشی Custom image button

• پد شماره به صورت پویا ایجاد شده است Dynamically created number pad

• جزء ورود به سیستم Login component

• ComboBox توسط مالک طراحی شده است Owner drawn ComboBox

• مالک ListView را ترسیم کرد Owner drawn ListView

• بند 12 - تکلیف Section 12 - Assignment

• بخش 12 - آزمون Section 12 - Quiz

اجزای سفارشی Custom components

نمونه برنامه های کاربردی Example Applications

• ماشین حساب فوت مربع Square Footage Calculator

• مبدل اعداد Number Converter

• تاس غلتک Dice Roller

• برنامه شام ​​تصادفی Random Dinner Application

• نمایشگر تصویر با C++ Image Viewer with C++

• ویرایشگر متن با C++ Text Editor with C++

نمونه برنامه های کاربردی Example Applications