از طرحبندیهای رایج برای کمک به طرحبندی برنامه خود برای موارد استفاده رایج و اندازههای صفحه نمایش استفاده کنید. این ترکیبات آماده برای استفاده، نقاط شروع خوبی هستند.
List-detail layout
طرحبندی فهرست-جزئیات به کاربران این امکان را میدهد که فهرستهایی از مواردی را که دارای اطلاعات توصیفی، توضیحی یا سایر اطلاعات تکمیلی هستند - جزئیات مورد - بررسی کنند. برای اندازههای صفحه نمایش کوچک، فقط نمای فهرست یا جزئیات قابل مشاهده است. فهرستها با نمایش مجموعهای از محتوا در یک طرحبندی مبتنی بر ردیف، رایجترین شکل طرحبندی برای برنامهها را تشکیل میدهند. فهرست-جزئیات برای برنامههای پیامرسان، مدیران تماس، مرورگرهای فایل یا هر برنامهای که در آن محتوا میتواند به عنوان فهرستی از مواردی که اطلاعات اضافی را نشان میدهند، سازماندهی شود، ایدهآل است.
Content can be static or dynamic.
- محتوای پویا ، محتوایی است که برنامه شما به صورت آنی ارائه میدهد و برای نمایش محتوای تولید شده توسط کاربر یا بازتاب ترجیحات یا اقدامات کاربر ایدهآل است. به عنوان مثال، یک برنامه عکس را با یک لیست قابل پیمایش از عکسهای تولید شده توسط کاربر تصور کنید که برای هر کاربر منحصر به فرد است و با آپلود تصاویر بیشتر توسط کاربر تغییر میکند. این تصاویر، محتوای پویا هستند.
- Static content represents hard-coded content, which is modifiable only by making changes directly to your app's code. Examples of static content are images and text that every user might see.
فایل Now in Android Figma چندین نمونه طرحبندی ارائه میدهد. مثال زیر مجموعهای تکبعدی از محتوا را نشان میدهد.
برای راهنمایی بیشتر در مورد طراحی اجزا و مشخصات ، فهرست مواد ۳ را بررسی کنید.
Feed layout
A feed layout arranges equivalent content elements in a configurable grid for quick, convenient viewing of a large amount of content. Learn more about Material 3 guidelines for using cards in a collection. Feeds can be list- or grid-based configuration on compact displays, typically in cards or tiles. Content can be dynamic, meaning it is "fed in" from a dynamic external source such as an API.
یک طرح شبکهای از ردیفها و ستونهایی تشکیل شده است که توسط اصول مهار ضمنی یا صریح ساخته شدهاند. یک طرح شبکهای میتواند به صورت سفت و سختتر اعمال شود یا به صورت پلکانی تغییر کند تا ردیفها و ستونها متفاوت باشند. هر دو باید از فاصله و منطق ثابتی استفاده کنند تا از سردرگمی کاربران جلوگیری شود.
شما میتوانید طرحبندی فید را با لیستهای تنبل (Lazy Lists) یا شبکههای تنبل (Lazy Grids) پیادهسازی کنید.
برای مثال، در اینجا یک گالری عکس و پادکستها در طرح شبکهای، قالبهای فید رایج هستند.
Support pane layout
یک نمای موبایل ممکن است به محتوا یا کنترلهای پشتیبانی، مانند برگهها یا دیالوگها، نیاز داشته باشد. آنها به نمای اصلی کمک میکنند تا متمرکز و منظم بماند.
Learn about M3 guidance for bottom sheets .
WebViews
A WebView displays in-app web pages. In most cases, we recommend using a standard web browser, like Chrome, to deliver content to the user. To learn more about web browsers, read the guide for invoking a browser with an intent .