یک صفحه پایین ایجاد کنید
bookmark_borderbookmark
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
صفحه پایینی محتوای ثانویه را نشان میدهد که به پایین صفحه متصل شده است.
سازگاری نسخه
این پیاده سازی مستلزم آن است که minSDK پروژه شما روی سطح API 21 یا بالاتر تنظیم شود.
وابستگی ها
یک ورق پایین را اجرا کنید
برای پیاده سازی یک صفحه پایین ، از ModalBottomSheet
composable استفاده کنید:
صفحه را باز کرده و جمع کنید
برای بزرگ کردن و کوچک کردن صفحه، از SheetState
استفاده کنید:
نکات کلیدی
- از شکاف
content
استفاده کنید، که از ColumnScope
برای چیدمان محتوای صفحه در یک ستون استفاده می کند. - برای ایجاد نمونه ای از
SheetState
که با پارامتر sheetState
به ModalBottomSheet
ارسال می کنید، از rememberSheetState
استفاده کنید. SheetState
دسترسی به توابع show
و hide
و خصوصیات مربوط به وضعیت صفحه فعلی را فراهم می کند. این توابع به CoroutineScope
نیاز دارند - به عنوان مثال، rememberCoroutineScope
- و می توانند در پاسخ به رویدادهای UI فراخوانی شوند.
وقتی صفحه پایینی را پنهان میکنید، مطمئن شوید که ModalBottomSheet
را از ترکیب حذف میکنید.
نتایج

شکل 1. یک ورق پایین استاندارد (چپ) و یک ورق پایین معین (راست). مجموعه هایی که حاوی این راهنما هستند
این راهنما بخشی از مجموعههای راهنمای Quick Guide است که اهداف توسعه Android گستردهتری را پوشش میدهد:
نمایش اجزای تعاملی
بیاموزید که چگونه توابع ترکیبپذیر میتوانند به شما کمک کنند تا به راحتی اجزای رابط کاربری زیبا را بر اساس سیستم طراحی مواد طراحی کنید.
API reference packages and classes for Android app developers.
بهروزرسانیشده Feb 10, 2025
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-02-06 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2025-02-06 بهوقت ساعت هماهنگ جهانی."],[],[]]