สร้างชีตด้านล่าง
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ชีตด้านล่างแสดงเนื้อหารองที่ยึดอยู่ที่ด้านล่างของหน้าจอ
ความเข้ากันได้ของเวอร์ชัน
การใช้งานนี้กำหนดให้โปรเจ็กต์ของคุณตั้งค่า minSDK เป็น API ระดับ 21 ขึ้นไป
ทรัพยากร Dependency
ใช้ Bottom Sheet
หากต้องการใช้ Bottom Sheet ให้ใช้คอมโพสิชัน ModalBottomSheet
ดังนี้
ขยายและยุบชีต
หากต้องการขยายและยุบชีต ให้ใช้ SheetState
ดังนี้
ข้อมูลสำคัญ
- ใช้ช่อง
content
ซึ่งใช้ ColumnScope
เพื่อวางองค์ประกอบที่คอมโพสได้ของชีตในคอลัมน์
- ใช้
rememberSheetState
เพื่อสร้างอินสแตนซ์ของ SheetState
ที่ส่งไปยัง ModalBottomSheet
ด้วยพารามิเตอร์ sheetState
SheetState
ให้สิทธิ์เข้าถึงฟังก์ชัน show
และ hide
รวมถึงพร็อพเพอร์ตี้ที่เกี่ยวข้องกับสถานะชีตปัจจุบัน ฟังก์ชันเหล่านี้ต้องใช้ CoroutineScope
เช่น rememberCoroutineScope
และสามารถเรียกให้แสดงเพื่อตอบสนองต่อเหตุการณ์ UI
อย่าลืมนำ ModalBottomSheet
ออกจากองค์ประกอบเมื่อคุณซ่อนชีตด้านล่าง
ผลลัพธ์
รูปที่ 1 Bottom Sheet มาตรฐาน (ซ้าย) และ Bottom Sheet แบบโมดัล (ขวา)
คอลเล็กชันที่มีคู่มือนี้
คู่มือนี้เป็นส่วนหนึ่งของคอลเล็กชันคู่มือฉบับย่อที่มีการดูแลจัดการซึ่งครอบคลุมเป้าหมายการพัฒนา Android ที่กว้างขึ้น ดังนี้
แสดงคอมโพเนนต์แบบอินเทอร์แอกทีฟ
ดูวิธีที่ฟังก์ชันคอมโพสิเบิลช่วยให้คุณสร้างคอมโพเนนต์ UI ที่สวยสะดุดตาตามระบบการออกแบบ Material Design ได้อย่างง่ายดาย
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-02-06 UTC
[[["เข้าใจง่าย","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 UTC"],[],[]]