آموزش طراحی رابط کاربری اندروید با Jetpack Compose - آخرین آپدیت

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

مقدمه‌ای بر Jetpack Compose Introduction to Jetpack Compose

• مقدمه Introduction

• اولین تابع Composable ما Our First Composable Function

• پیش‌نمایش Composables Previewing Composables

• تغییر در Composables Modifying Composables

چیدمان‌ها (Layouts) Layouts

• مقدمه Introduction

• اندازه‌های پیش‌فرض Default Sizes

• عرض و ارتفاع پایه Basic Width and Height

• چیدمان اجزای Composable Arranging Composables

اصلاح‌کننده‌ها (Modifiers) Modifiers

• مقدمه Introduction

• اصلاح‌کننده اولیه Initial Modifier

• ترتیب قرارگیری Modifier Ordering the Modifier

• افزودن حاشیه (Border) Adding Borders

• جابجایی اجزا (Offset) Offsetting Components

• افکت‌ها Effects

تصاویر و آیکون‌ها Images and Icons

• تصاویر Images

• آیکون‌های داخلی Builtin Icons

• ساخت یک Composable برای امتیازدهی Creating a Ratings Composable

سایر چیدمان‌ها Other Layouts

• مقدمه Introduction

• ساخت یک کارت (Card) Creating a Card

• لیست کارت‌ها List of Cards

• چیدمان Box Box Layout

• ترازبندی در Box Box Alignment

لیست‌ها و Lazy Lists Lists and Lazy Lists

• مقدمه Introduction

• ستون‌های Lazy Column Lazy Column

• کدهای جایگزین برای Lazy Column Alternate Code for Lazy Column

• فاصله‌گذاری (Padding and Spacing) Padding and Spacing

• هدرها Headers

وضعیت و رویدادها (State and Events) State and Events

• مقدمه Introduction

• وضعیت‌های قابل مشاهده (Observable State) Observable State

• مدیریت رویدادها Handling Events

سایر اجزای Composable Other Composables

• مقدمه Introduction

• متن‌های حاشیه‌دار (Annotated Text) Annotated Text

• فیلدهای متنی (Text Fields) Text Fields

• ساخت یک لیست Creating a List

• دکمه شناور (Floating Action Button) Floating Action Button

ناوبری (Navigation) Navigation

• مقدمه Introduction

• ناوبری (Navigation) Navigation

• بازگشت به صفحه قبل Navigate Back

• راه‌اندازی BottomNav BottomNav Setup

• استفاده از نوار BottomNav Using the BottomNav Bar

Launched Effect و Coroutine Scope Launched Effect and Coroutine Scope

• مقدمه Introduction

• صفحه شروع (Splash Screen) Splash Screen

• انیمیشن‌ها Animations

• اسنک‌بارها (Snackbars) Snackbars

• استفاده از rememberCoroutineScope rememberCoroutineScope

سایر افکت‌ها در Jetpack Compose Other Effects in Jetpack Compose

• استفاده از rememberUpdatedState rememberUpdatedState

• افکت SideEffect SideEffect

• استفاده از produceState produceState

• استفاده از derivedStateOf derivedStateOf

• افکت DisposableEffect DisposableEffect

• استفاده از snapshotFlow snapshotFlow

انیمیشن‌ها Animations

• نمایش متحرک (Animated Visibility) Animated Visibility

• تغییر اندازه محتوا (animateContentSize) animateContentSize

• انیمیشن‌های AsState Animate XXX AsState

• انیمیشن‌های چندگانه Animate Multiple

• انتقال‌های بی‌نهایت (Infinite Transitions) Infinite Transitions

• محتوای متحرک (AnimatedContent) AnimatedContent

• جابجایی محو شونده (Crossfade) Crossfade

طراحی متریال (Material Design) و Compose Material Design and Compose

• مقدمه Introduction

• تنظیمات اولیه اپلیکیشن Initial Application Setup

• انتخاب رنگ‌ها Picking Colors

• تنظیم رنگ‌های تم Setting Theme Colors

• تنظیم رنگ‌های اولیه Setting the Initial Colors

• سایر اجزا Other Components

• تایپوگرافی و اشکال Typography and Shapes

• رنگ‌های پویا (Dynamic Colors) Dynamic Colors

• اجزای Material Material Components

ادغام Compose در اپلیکیشن‌های قدیمی (Legacy) Integrating Compose into Legacy Applications

• مهاجرت یک جزء UI واحد Migrate a Single UI Component

• مهاجرت صفحات Migrate Screens