آموزش ضروری توسعه اندروید: 2 طراحی رابط کاربری

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

معرفی Introduction

• طراحی رابط کاربر User interface design

• آنچه شما باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. استفاده از اجزای ViewGroup 1. Using ViewGroup Components

• موقعیت ها را با LinearLayout قرار دهید Position views with LinearLayout

• موقعیت ها را با محدودیت مدیریت کنید Manage positions with constraints

• نماها را با زنجیره های محدود کننده توزیع کنید Distribute views with constraint chains

• نمایش ها را به صورت برنامه ریزی نشان دهید Display views programmatically

• دریافت منابع با findViewById () Get view references with findViewById()

• مراجع مشاهده را با نمای الزام آور دریافت کنید Get view references with view binding

• چالش: در صف قرار بگیرید Challenge: Get in line

• راه حل: در صف قرار بگیرید Solution: Get in line

• مسابقه فصل Chapter Quiz

2. نمایش و جمع آوری متن 2. Display and Collect Text

• مقادیر رشته را به عنوان منابع مدیریت کنید Manage string values as resources

• ورود داده ها را با EditText مدیریت کنید Manage data entry with EditText

• ورود داده را با TextInputLayout مدیریت کنید Manage data entry with TextInputLayout

• با استفاده از متغیرهایی از منابع رشته استفاده کنید Use string resources with placeholders

• پیام های Snackbar را نمایش دهید Display Snackbar messages

• چالش: شما را بشناسند Challenge: Get to know you

• راه حل: شما را بشناسد Solution: Get to know you

• مسابقه فصل Chapter Quiz

3. نمایش تصاویر 3. Display Images

• نمایش منابع تصویر Display image resources

• منابع تصویر را در زمان اجرا بارگیری کنید Load image resources at runtime

• اندازه تصاویر را با تصاویر WebP کاهش دهید Reduce file size with WebP images

• از تصاویر VectorDrawable مبتنی بر XML استفاده کنید Use XML-based VectorDrawable images

• نمادها را در Android Studio ایجاد کنید Create icons in Android Studio

• چالش: بارگیری تصویر شبکه Challenge: Load a network image

• راه حل: بارگیری تصویر شبکه Solution: Load a network image

• مسابقه فصل Chapter Quiz

4. ایجاد تم ها و سبک ها 4. Create Themes and Styles

• سبک ها و مضامین بصری را تعریف کنید Define visual styles and themes

• رنگ تم طرح Material را پیکربندی کنید Configure Material Design theme colors

• سبک های سفارشی را تعریف کنید Define custom styles

• مسابقه فصل Chapter Quiz

نتیجه Conclusion

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