آموزش ساخت Grid (گرید) در Jetpack Compose

آموزش ساخت Grid (گرید) در Jetpack Compose
برای پخش این ویدیو باید ابتدا وارد سایت شوید.
ورود ثبت نام

آموزش ساخت Grid (گرید) در Jetpack Compose

تمام ویدیوهای آموزش Jetpack Compose؛ توسعه UI در اندروید، دسکتاپ و وب
شروع کار با Jetpack Compose
آشنایی با کامپوننت‌ها در جت پک کامپوز
چیدمان عناصر در Jetpack Compose
مفهوم State در جت پک کامپوز
مجموعه آیتم‌ها
توسعه تم (پوسته) اپلیکیشن

آموزش گرید (Grid) در Jetpack Compose

برخلاف لیست‌ها که آیتم‌ها فقط در یک محور افقی یا عمودی می‌توانند قرار بگیرند، گرید‌ها شامل سلول‌هایی هستند که آیتم‌های آن می‌توانند هم در محور افقی و هم در محور عمودی فضای والد خود را اشغال کنند. پس در گرید‌ها ما تعدادی سلول در سطر و ستون‌ها داریم که با یک نظم خاصی قرار گرفته‌اند.

در ابزار جت پک کامپوز، تعریف Grid بسیار ساده است. می‌توانید به کمک LazyHorizontalGrid و LazyVerticalGrid، گرید را به ترتیب به صورت افقی و یا عمودی توسعه دهید.

ما در این آموزش ساخت Grid را در محیط اندروید استودیو بر روی یک اپلیکیشن نمونه اندروید تمرین خواهیم کرد.

 

LazyVerticalGrid

گریدی است که به صورت عمودی توسعه داده می‌شود اما سطر‌های آن باید یک تعداد و یا سایز مشخصی را داشته باشند.

 

LazyHorizontalGrid

گریدی است که به صورت افقی توسعه داده می‌شود اما ستون‌های آن باید یک تعداد و یا سایز مشخصی را داشته باشند.

ارسال نظر :
پاسخ به