آموزش رابط کاربری مدرن در یونیتی با UI Toolkit - آخرین آپدیت

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

مقدمه Introduction

• UI Toolkit چیست؟ What Is UI Toolkit?

• این دوره درباره چیست؟ What Is This Course About?

• این دوره درباره چه چیزی نیست؟ What Is This Course NOT About?

• این دوره برای چه کسانی است؟ Who Is This Course For?

• مقایسه سیستم‌های UI در یونیتی Comparison Of Unity's UI Systems

• نسخه‌های یونیتی Unity Versions

• منابع دوره Course Resources

• آپدیت‌های دوره Course Updates

گردش کار (آپدیت یونیتی ۶) Workflow (Unity 6 Update)

• آشنایی با UI Builder: ادیتور جدید UI یونیتی Meet UI Builder: The New Unity UI Editor

• گردش کار: نگاه کلی Workflow: Big Picture

• مرحله ۱: لایوت Step 1: Layout

• مرحله ۲: استایل‌دهی Step 2: Styling

• مرحله ۳: قابلیت‌ها Step 3: Functionality

• خلاصه گردش کار Workflow Summary

گردش کار (قبل از یونیتی ۶) Workflow (before Unity 6)

• آشنایی با UI Builder: ادیتور جدید UI یونیتی Meet UI Builder: The new Unity UI Editor

• گردش کار: نگاه کلی Workflow: Big Picture

• مرحله ۱: لایوت Step 1: Layout

• مرحله ۲: استایل‌دهی Step 2: Styling

• مرحله ۳: قابلیت‌ها Step 3: Functionality

• اتصال UI به صحنه بازی Connect Your UI To A Game Scene

• خلاصه گردش کار Workflow Summary

از تئوری تا عمل From Theory To Practise

• چگونه پوسترهای آموزشی را بخوانیم How To 'Read' The Posters

• پوستر بخش Section Poster

• درخت‌های بصری (Visual Trees) Visual Trees

• مزایای درخت‌های بصری Advantages Of Visual Trees

• از درخت‌های بصری به UXML From Visual Trees To UXML

• بیشتر درباره UXML More UXML

• درک شیت‌های استایل (Stylesheets) Understanding Stylesheets

• فایل‌های USS در UI Builder USS Files In UI Builder

• بیشتر درباره USS More USS

• انتخاب‌گرهای ساده Simple Selectors

• اولویت انتخاب‌گرها Selector Precedence

• انتخاب‌گرهای پیچیده - بخش ۱ Complex Selectors - Part 1

• انتخاب‌گرهای پیچیده - بخش ۲ Complex Selectors - Part 2

• انتخاب‌گرهای کاذب (Pseudo Selectors) Pseudo Selectors

• جمع‌بندی کلی Bringing It All Together

لایوت و فلکس‌باکس Layout and Flexbox

• پوستر بخش Section Poster

• اصطلاحات Terminology

• کانتینرها و آیتم‌ها Containers And Items

• درک مفهوم محور اصلی (Main Axis) Understanding The Main-Axis Concept

• درک جهت فلکس (Flex Direction) Understanding Flex Direction

• جهت فلکس در UI Builder Flex Direction In UI Builder

• بررسی عمیق Flexbox The Flexbox Rabbit Hole

• مثال جهت فلکس ۱ Flex Direction Example 1

• مثال جهت فلکس ۲ Flex Direction Example 2

• تراز محتوا (Justify Content) Justify Content

• تراز آیتم‌ها (Align Items) Align Items

• مثال ویژگی‌های تراز Align-Properties Example

• پایه فلکس (Flex Basis) Flex Basis

• تعریف Flex Basis Definition For Flex Basis

• پیکسل، درصد یا اتوماتیک Pixel. Percentage or Auto

• رقابت برای فضای لایوت Competition For Space

• انقباض و انبساط (Shrink & Grow) Shrink & Grow

• واحدهای Shrink & Grow Shrink & Grow Units

• درک عمیق Flex Basis Understanding Flex Basis

• جمع‌بندی Flexbox Flexbox Wrapup

• مثال الگوی ساده Flexbox ۱ Simple Flexbox Pattern Example

• مثال الگوی ساده Flexbox ۲ Simple Flexbox Pattern Example 2

• مثال الگوی ساده Flexbox ۳ Simple Flexbox Pattern Example 3

• جای‌گذاری (Positioning) Positioning

• درخواست دوستانه Friendly Request

معرفی پروژه دوره Introducing The "Course Project"

• معرفی پروژه دوره Introducing The "Course Project"

• (اختیاری) راه‌اندازی پروژه بخش ۱ (Optional) Course Project Setup Part 1

• (اختیاری) راه‌اندازی پروژه بخش ۲ (Optional) Course Project Setup Part 2

کنترل‌های داخلی Build-In Controls

• پوستر بخش Section Poster

• دکمه‌ها Buttons

• افزودن قابلیت‌های پایه به کنترل‌ها Add Basic Functionality To Controls

• کار با متن Working With Text

• تم‌ها Themes

• کنترل‌های پیچیده: اسلایدر Complex Controls - Slider

• دیباگر UI Toolkit UI Toolkit Debugger

• استایل‌دهی به کنترل‌ها Styling Controls

• استفاده از اسلایدر Using The Slider

• پروژه: تمرین کنترل‌های ساده بخش ۱ Project : Practice Simple Controls Part 1

• پروژه: تمرین کنترل‌های ساده بخش ۲ Project : Practice Simple Controls Part 2

• (اختیاری) استفاده از مستندات (Optional) Using The Documentation

قالب‌ها Templates

• پوستر بخش Section Poster

• کار با Visual Elements در اسکریپت‌ها Working With Visual Elements In Scripts

• قالب‌ها در UI Builder Templates in UI Builder

• قالب‌ها در اسکریپت‌ها Templates In Scripts

• بارگذاری دارایی‌ها (Assets) در اسکریپت‌ها Loading Assets In Scripts

• پروژه: تمرین قالب‌ها Project: Practice Templates

یافتن عناصر با UQuery Finding Elements With UQuery

• پوستر بخش Section Poster

• چرا ۳ روش مختلف وجود دارد؟ Why are there 3 different ways?

• توضیح تنظیمات Setup Explained

• UQueryBuilder UQueryBuilder

• چگونه تک عناصر را با Q پیدا کنیم How To Find Single Elements With Q

• چگونه هر عنصری را با Query پیدا کنیم How To Find Any Element With Query

• ابزار همه‌کاره برای کوئری‌ها Swiss Army Knife For Queries

• پروژه: تمرین کوئری‌ها Project: Practice Queries

رویدادها در UI Toolkit Events in UI Toolkit

• پوستر بخش Section Poster

• مروری بر رویدادها Events Overview

• داده‌های رویداد Event Data

• درک انتشار رویداد (Event Propagation) Understanding Event Propagation

• انتشار رویداد در کد بخش ۱ Event Propagation In Code Part 1

• انتشار رویداد در کد بخش ۲ Event Propagation In Code Part 2

• مثال رویداد ۱ Event Example 1

• مثال رویداد ۲ Event Example 2

اتصال داده‌ها Data Binding

• پوستر بخش Section Poster

• مقدمه‌ای بر اتصال داده‌ها Data Binding Intro

• اتصال ساده UI Simple UI Binding

• افزودن کلاس داده Adding A Data Class

• رویدادهای سیستم و ویژگی‌های C# System Events and C# Properties

• ساخت یک جزء کارت (Card Component) Creating A "Card Component"

• شبیه‌سازی داده‌ها Simulating Data

• استفاده از VisualElement.userdata Using VisualElement.userdata

• افزودن پویا عناصر Dynamically Adding Elements

اتصال داده‌ها با کنترل‌های خاص Data Binding With Special Controls

• پوستر بخش Section Poster

• دراپ‌داون ساده Simple Dropdown

• پروژه: فراتر از کنترل‌های داخلی Project: Beyond Build-In Controls

• پروژه: DropdownController Project: DropdownController

• پروژه: نمایش گروه‌ها (Factions) Project: Displaying The Factions

• ListView ListView

• پروژه: آماده‌سازی لیست Project : List Preparation

• پروژه: ListController Project : ListController

• پروژه: نمایش آیتم‌های انتخاب شده Project: Displaying Selected Items

• اصلاح کوچک روی ویدیوی قبلی Small Correction On The Last Video

کنترل‌های سفارشی Custom Controls

• پوستر بخش Section Poster

• اولین کنترل سفارشی ما Our First Custom Control

• افزودن استایل به کنترل سفارشی Add Styling To A Custom Control

• پنجره پاپ-آپ سفارشی بخش ۱ Custom PopupWindow Part 1

• پنجره پاپ-آپ سفارشی بخش ۲ Custom PopupWindow Part 2

• افزودن ویژگی‌های سفارشی Adding Custom Attributes

• افزودن قابلیت به کنترل سفارشی Adding Functionality To A Custom Control

• پروژه: افزودن کنترل ستاره سفارشی بخش ۱ Project : Adding A Custom Star Control Part 1

• پروژه: افزودن کنترل ستاره سفارشی بخش ۲ Project : Adding A Custom Star Control Part 2

دست‌کاری‌کننده‌ها (Manipulators) Manipulators

• پوستر بخش Section Poster

• انگیزه و دلیل Motivation

• ساخت اولین دست‌کاری‌کننده (Manipulator) Creating Our First Manipulator

• درک رفتار حرکتی مانند درگ کردن (Dragging) Understanding Motion-Behavior Like Dragging

• دست‌کاری‌کننده برای درگ کردن Manipulator For Dragging

• دست‌کاری‌کننده برای تغییر اندازه Manipulator For Resizing

• پروژه: افزودن Tooltip Manipulator بخش ۱ Project : Adding A Tooltip Manipulator Part 1

• پروژه: افزودن Tooltip Manipulator بخش ۲ Project : Adding A Tooltip Manipulator Part 2

• پروژه: افزودن Tooltip Manipulator بخش ۳ Project : Adding A Tooltip Manipulator Part 3

بخش اضافی: کاروسل Epoch Extra: "Epoch Carousel"

• چه چیزی قرار است بسازیم؟ What are we going to build?

• سرهم کردن کاروسل Assembling The Carousel

• افزودن محتوا به ScrollView Adding Content To The ScrollView

• پیاده‌سازی رفتار اسکرول Let's Implement The Scolling Behavior

• نمایش دوره‌های قبلی و بعدی Display The Prior And The Next Epoch

• افزودن نقاط راهنمای دوره‌ها Adding The Epoch Bullets

پروژه نهایی بازی Game Project

• چه چیزی قرار است بسازیم؟ What are we going to build?

• لایوت پایه Basic Layout

• محتوای کانتینرهای بالایی Content For Top Containers

• محتوای کانتینرهای پایینی Content For Bottom Containers

• تنظیم فونت‌ها Adjusting The Fonts

• افزودن جایگاه برای آیکون‌های پاسخ Adding Placeholders For The Answer-Icons

• صحبت درباره درگ کردن Let's Talk About Dragging

• الگوی ساده درگ کردن Simple Dragging Pattern

• رها کردن (Drop) آیکون‌ها Dropping The Icons

• معماری بازی Game Architecture

• داده‌ها و وضعیت بازی Game Data and State

• پیاده‌سازی منطق بازی Implementing The Game Logic

• اتصال کنترلر بازی Connecting The Game Controller

• اتصال اولین تکه‌های UI Connecting The First UI Pieces

• افزودن داده‌ها (سوالات) Add Some Data (aka some questions)

• دکمه راهنمای بعدی The "Next Hint Button"

• افزودن Manipulator به آیکون‌ها Adding The Manipulator To The Icons

• بارگذاری پویای آیکون‌های واقعی Load Real Icons Dynamically

• بررسی پاسخ‌ها Checking Answers

• ارائه بازخورد به بازیکن Let's Provide Some Feedback To The Player

• افزودن هیجان با تایمر Add Pressure With A Timer

• سپاسگزارم! Thank You!