برنامه لب‌به‌لب با ترسیم واسط کاربر در زیر نوارهای سیستم، از کل صفحه‌نمایش بهره می‌برد.
ربودن مالکیت توپ
- برای داشتن تجربه لب‌به‌لب، پس‌زمینه و محتوای پیمایشی را زیر نوارهای سیستم رسم کنید.
- از افزودن اشاره‌های ضربه‌ای یا هدف‌های کشیدن در زیر تورفتگی‌های سیستم خودداری کنید؛ این موارد با پیمایش اشاره‌ای و لبه‌به‌لبه تداخل دارند.
محتوایتان را پشت نوار سیستم بکشید
ویژگی لبه‌به‌لبه به شما امکان می‌دهد میانای کاربر را زیر نوارهای سیستم بکشید تا تجربه‌ای فراگیر داشته باشید.
برنامه می‌تواند با واکنش به درج‌ها، هم‌پوشانی‌های محتوا را برطرف کند. درون‌نشست‌ها توضیح می‌دهند که محتوای برنامه شما چقدر باید حاشیه‌گذاری شود تا با نوارهای سیستم یا ویژگی‌های فیزیکی دستگاه مانند برش‌های نمایشگر هم‌پوشانی نداشته باشد. درباره نحوه پشتیبانی از لبه‌به‌لبه و مدیریت درج‌ها در Compose و نماها بخوانید.
هنگام طراحی موارد استفاده لبه‌به‌لبه، به انواع زیر از حاشیه‌های داخلی توجه داشته باشید:
- حاشیه‌های نوار سیستم برای میانای کاربری اعمال می‌شود که هم قابل‌تک‌ضرب زدن است و هم نباید به‌صورت بصری توسط نوارهای سیستم پوشانده شود.
- درج‌های اشاره سیستم برای نواحی پیمایش اشاره‌ای استفاده‌شده توسط سیستم‌عامل اعمال می‌شود که نسبت‌به برنامه شما اولویت دارند.
- درج‌های برش نمایشگر برای نواحی‌ای از دستگاه اعمال می‌شود که به سطح نمایشگر گسترش می‌یابند، مانند برش دوربین.
ملاحظات نوار وضعیت
برای راهنمایی درباره طراحی نوار سیستم اصلی، به نوارهای سیستم Android مراجعه کنید. بخش زیر به ملاحظات بیشتر نوار وضعیت می‌پردازد.
محتوای پیمایشی
نوار برنامه بالا باید هنگام پیمایش جمع شود. با نحوه جمع کردن Material 3 TopAppBar آشنا شوید. در Material 3، نوار برنامه برتر کوچک می‌تواند تا ارتفاع نوار وضعیت جمع شود یا به خارج از صفحه پیمایش شود. نوار برنامه بالایی متوسط و بزرگ می‌تواند به نوار برنامه کوچک‌تر جمع شود. [راهنمای Material][10] را ببینید.
انجام دهید
انجام دهید
وقتی واسط کاربر در زیر نوار وضعیت پیمایش می‌شود، نوار وضعیت باید نیمه‌شفاف باشد تا نمادهای نوار وضعیت به‌هم‌ریخته به‌نظر نرسند. برای انجام این کار، ابتدا با اجرای مراحل موجود در اسناد LazyColumn یا RecyclerView، یک واسط کاربر پیمایش‌پذیر سرتاسری ایجاد کنید. سپس، با انجام یکی از کارهای زیر، مطمئن شوید نوار سیستم نیمه‌شفاف است:
- درصورت لزوم، به محافظت خودکار Material 3 TopAppBar هنگام پیمایش تکیه کنید.
- یک ترکیب‌پذیر گرادیان سفارشی ایجاد کنید یا از GradientProtection برای نماها استفاده کنید. برای اطلاعات بیشتر درباره انجام این کار در Compose، به محافظت از نوار سیستم مراجعه کنید.
برای چیدمان‌های تطبیقی، مطمئن شوید که برای قاب‌هایی با رنگ‌های پس‌زمینه متفاوت، محافظت‌های جداگانه‌ای وجود دارد.
موارد غیرمجاز
انجام دهید
به‌همین ترتیب، کشوهای پیمایش نیز باید محافظت جداگانه‌ای از بقیه برنامه داشته باشند.
محافظت‌های نوار وضعیت را روی هم قرار ندهید، برای مثال بااستفاده از هر دو محافظت داخلی Material 3 TopAppBar و محافظت سفارشی.
ملاحظات نوار پیمایش
برای راهنمایی درباره طراحی نوار پیمایش اصلی، به نوارهای سیستم Android مراجعه کنید. بخش زیر شامل ملاحظات تکمیلی درباره نوار پیمایش است.
محتوای پیمایشی
[BottomAppBar][10] باید هنگام پیمایش بااستفاده از پارامتر scrollBehavior جمع شود.
انجام دهید
انجام دهید
اما [NavigationBar]۱۱ را هنگام پیمایش نمایان نگه دارید زیرا پارامتر scrollBehavior ندارد.
برش‌های نمایشگر
برش‌های نمایشگر می‌توانند بر ظاهر واسط کاربری شما تأثیر بگذارند. برنامه‌ها باید تورفتگی‌های برش نمایشگر را مدیریت کنند تا بخش‌های مهم میانای کاربر زیر برش نمایشگر قرار نگیرد.
انجام دهید
موارد غیرمجاز
بااین‌حال، پس‌زمینه‌های نوار برنامه توپر باید همان‌طور که در تصویر زیر نشان داده شده است، در برش نمایشگر کشیده شوند.
مطمئن شوید گردونه‌های افقی در برش نمایشگر کشیده شوند.
درباره نحوه پشتیبانی از برش نمایشگر در Compose بخوانید.
راهنمایی‌های دیگر
به‌طورکلی، پس‌زمینه‌ها و خطوط جداکننده نیز باید لبه‌به‌لبه ترسیم شوند، درحالی‌که محتواهایی مانند نوشتار و دکمه‌ها باید به‌سمت داخل قرار گیرند تا از واسط کاربر سیستم و عناصر سخت‌افزاری اجتناب شود.