คอลเล็กชันคู่มือฉบับย่อ
แสดงคอมโพเนนต์แบบอินเทอร์แอกทีฟ

เลือกคอมโพเนนต์ที่เหมาะกับ UI และดูวิธีติดตั้งใช้งานในแอป
โครงสร้างพื้นฐานที่ให้บริการแพลตฟอร์มมาตรฐานสําหรับอินเทอร์เฟซผู้ใช้ที่ซับซ้อน Scaffold จะยึดส่วนต่างๆ ของ UI เช่น แถบแอปและปุ่มการดำเนินการแบบลอยตัวไว้ด้วยกัน เพื่อให้แอปมีรูปลักษณ์และความรู้สึกที่สอดคล้องกัน
คำแนะนำ
คอนเทนเนอร์ช่วยให้ผู้ใช้เข้าถึงฟีเจอร์หลักและรายการการนำทางได้ แถบแอปมี 2 ประเภท ได้แก่ แถบแอปด้านบนและแถบแอปด้านล่าง
คำแนะนำ
คอมโพเนนต์พื้นฐานเหล่านี้ช่วยให้ผู้ใช้เรียกใช้การดำเนินการที่กําหนดไว้ได้ ปุ่มมี 5 ประเภท ดูลักษณะของปุ่มแต่ละประเภททั้ง 5 ประเภท รวมถึงตําแหน่งที่ควรใช้ปุ่ม และดูวิธีติดตั้งใช้งาน
คำแนะนำ
ปุ่มที่เน้นสูงซึ่งช่วยให้ผู้ใช้ดําเนินการหลักในแอปพลิเคชันได้ คอมโพเนนต์ปุ่มนี้จะโปรโมตการดําเนินการแบบเน้นที่เดียวซึ่งเป็นเส้นทางที่พบบ่อยที่สุดที่ผู้ใช้อาจใช้ และมักจะพบที่กํากับอยู่ที่ด้านล่างขวาของหน้าจอ
คำแนะนำ
ทำหน้าที่เป็นคอนเทนเนอร์ Material Design สำหรับ UI โดยปกติแล้ว การ์ดจะแสดงเนื้อหาที่เชื่อมโยงกันเพียงชิ้นเดียว การแสดงเนื้อหาชิ้นเดียวที่จะช่วยแยกการ์ดออกจากคอนเทนเนอร์อื่นๆ
คำแนะนำ
องค์ประกอบ UI แบบอินเทอร์แอกทีฟขนาดกะทัดรัดที่แสดงถึงเอนทิตีที่ซับซ้อน เช่น รายชื่อติดต่อหรือแท็ก ซึ่งมักจะมีไอคอนและป้ายกำกับ โดยชิปอาจเป็นแบบเลือกได้ ปิดได้ หรือคลิกได้
คำแนะนำ
แสดงข้อความป๊อปอัปหรือขอข้อมูลจากผู้ใช้ในเลเยอร์เหนือเนื้อหาหลักของแอป คอมโพเนนต์นี้จะสร้างประสบการณ์ UI ที่รบกวนเพื่อดึงดูดความสนใจของผู้ใช้
คำแนะนำ
แสดงสถานะการดำเนินการด้วยภาพ การใช้การเคลื่อนไหวเพื่อแจ้งให้ผู้ใช้ทราบว่ากระบวนการใกล้เสร็จสมบูรณ์เพียงใด เช่น การโหลดหรือประมวลผลข้อมูล ตัวบ่งชี้เหล่านี้อาจบ่งบอกว่ากำลังประมวลผลอยู่ โดยไม่ต้องบ่งบอกถึงความใกล้เสร็จสมบูรณ์
คำแนะนำ
ช่วยให้ผู้ใช้เลือกจากช่วงค่าที่ต่อเนื่องกันได้ เช่น การตั้งค่าระดับเสียงหรือกรองข้อมูลกราฟตามช่วงราคา
คำแนะนำ
ช่วยให้ผู้ใช้สลับระหว่าง 2 สถานะได้ ผู้ใช้สามารถลากหรือคลิกปุ่มเปิด/ปิดของสวิตช์เพื่อเปลี่ยนสถานะปัจจุบัน
คำแนะนำ
แสดงเนื้อหารองที่ยึดอยู่ที่ด้านล่างของหน้าจอ คุณสามารถใช้ชีตด้านล่างแบบมาตรฐานหรือแบบโมดัลเพื่อแสดงเนื้อหารองต่อผู้ใช้
คำแนะนำ
เมนูแบบเลื่อนเข้าที่ช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ของแอปได้ โดยผู้ใช้สามารถเปิดใช้งานเมนูนี้ด้วยการปัดจากด้านข้างหรือแตะไอคอนเมนู
คำแนะนำ
แสดงการแจ้งเตือนสั้นๆ ที่ด้านล่างของหน้าจอ ซึ่งสามารถแสดงความคิดเห็นเกี่ยวกับการดำเนินการหรือการดำเนินการโดยไม่รบกวนประสบการณ์ของผู้ใช้ แซนคบาร์จะหายไปหลังจากผ่านไป 2-3 วินาที นอกจากนี้ ผู้ใช้ยังปิดการแจ้งเตือนด้วยตนเองได้ด้วย
คำแนะนำ
แสดงและจัดเรียงชุดรายการอย่างมีประสิทธิภาพด้วยรายการและตารางกริด
คอลเล็กชันคู่มือฉบับย่อ

หากมีคำถามหรือความคิดเห็น

ไปที่หน้าคำถามที่พบบ่อยเพื่อดูคู่มือฉบับย่อหรือติดต่อเราเพื่อบอกความคิดเห็นของคุณ
ไปที่คำถามที่พบบ่อย แสดงความคิดเห็น