چیدمان های متعارف

از طرح‌بندی‌های متعارف به‌عنوان نقطه شروع استفاده کنید، ترکیب‌های آماده برای استفاده که به طرح‌بندی‌ها کمک می‌کند تا با موارد استفاده رایج و اندازه‌های صفحه سازگار شوند. این طرح‌بندی‌ها زیبایی‌شناسانه و کاربردی هستند و از راهنمای Material 3 مشتق شده‌اند.

شکل 21: چیدمان های متعارف

چارچوب Android شامل اجزای تخصصی است که اجرای طرح‌بندی‌ها را با استفاده از Jetpack Compose یا views ساده و قابل اعتماد می‌کند.

چیدمان فهرست-جزئیات

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

محتوا می تواند ثابت یا پویا باشد.

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

فایل Now in Android Figma نمونه های طرح بندی متعددی را ارائه می دهد. مثال زیر مجموعه ای تک بعدی از محتوا را نشان می دهد.

شکل 22: مجموعه یک بعدی از محتوا

برای راهنمایی طراحی بیشتر در مورد اجزای لیست و مشخصات، لیست های Material 3 را کاوش کنید.

طرح خوراک

طرح‌بندی فید عناصر محتوای معادل را در یک شبکه قابل تنظیم برای مشاهده سریع و راحت حجم زیادی از محتوا مرتب می‌کند. در مورد دستورالعمل های Material 3 برای استفاده از کارت ها در مجموعه بیشتر بیاموزید. فیدها می‌توانند بر اساس فهرست یا پیکربندی شبکه‌ای روی نمایشگرهای فشرده، معمولاً در کارت‌ها یا کاشی‌ها باشند. محتوا می تواند پویا باشد، به این معنی که از یک منبع خارجی پویا مانند یک API "تغذیه" می شود.

طرح‌بندی شبکه‌ای از هر دو سطر و ستون تشکیل شده است که توسط اصول مهار ضمنی یا صریح ساخته شده‌اند. یک چیدمان شبکه‌ای را می‌توان برای تغییر سطرها و ستون‌ها به‌طور محکم‌تر یا تکان‌دهنده‌تر اعمال کرد. هر دو باید کاربرد ثابت فاصله و منطق را داشته باشند تا از سردرگمی کاربران جلوگیری شود. رهنمودهای Material 3 در مورد طراحی فیدها را کاوش کنید.

می توانید یک طرح فید را در Compose with Lazy lists یا lazy grids یا در Views با RecyclerView یا CardView پیاده سازی کنید.

به عنوان مثال، در اینجا یک گالری عکس و پادکست ها در یک طرح بندی شبکه ای، فرمت های رایج فید هستند.

پشتیبانی از طرح بندی صفحه

نمای تلفن همراه ممکن است به محتوا یا کنترل های پشتیبانی نیاز داشته باشد. معمولاً به‌صورت برگه‌ها یا دیالوگ‌ها، می‌توانند به نمای اصلی کمک کنند تا متمرکز و بی‌نظم بماند. راهنمای M3 را برای استفاده از طرح بندی متعارف پانل پشتیبان بررسی کنید.

شکل 24: صفحات پایین می توانند به عنوان محتوای پشتیبانی کننده برای نمای اولیه عمل کنند

درباره راهنمای M3 برای صفحات پایین بیاموزید.