Material Design

รหัส

https://codecanyon.net/item/material-design-components-uiux/31232122

สาธิต

-เส้นเวลา

-เข้าสู่ระบบ

-เครื่องเล่นเพลง

-บันทึกเสียง

การ์ด -Intro

-ประวัติผู้ใช้

- ตัวเลื่อนภาพ

- การชำระเงิน

ส่วนประกอบของวัสดุ

- ปุ่ม:

*ขั้นพื้นฐาน

* พื้นหลังและภาพเคลื่อนไหวแบบไดนามิก

* ปุ่มดำเนินการลอย

* สลับ

- ข้อความ:

* ขนมปังปิ้ง

*สแน็คบาร์

* กล่องโต้ตอบ

* แบนเนอร์

- ข้อความ:

* ช่องข้อความ

* TextView

* แบบอักษร

- ตัวเลือก:

* วันที่

*เวลา

*สี

* สีของภาพ

- เมนู:

* เมนู (ป๊อปอัปและรายการป๊อปอัป)

* เมนูใน Toolbar

*ตัวหมุน

* แผงเลื่อน

* แถบแอป: ด้านบน

* แถบ App: ด้านล่าง

- แผ่นงานด้านล่าง:

* พื้นฐาน | Dialog | ส่วนของกล่องโต้ตอบ | กริด | ซื้อ

*เครื่องเล่นเพลง

* Google Maps - สำรวจ

- การแจ้งเตือน:

* Push (Basic, Basic with action, Big text and photo, Inbox style,

สไตล์ Youtube, เครื่องเล่นเพลง, รูปแบบที่กำหนดเอง, แชท,

ดาวน์โหลดพร้อมความคืบหน้าดาวน์โหลด)

* บาร์และแท็บ

- ชิป:

* ประเภท

*กลุ่ม

* ไดนามิก

- ตัวบ่งชี้ความคืบหน้า:

* หนังสือเวียน

* เชิงเส้น

- ตัวเลื่อน:

* ต่อเนื่อง

* ไม่ต่อเนื่อง

- ImageView:

* หนังสือเวียน

* สี่เหลี่ยม

* ฟิลเตอร์

- การนำทาง:

* ลิ้นชักการนำทาง

* ViewPager

* ViewPager & Title

* ViewPager & TabLayout

* ViewPager2

* ViewPager2 และ TabLayout

* เพจเจอร์และแท็บแบบไดนามิก

* การนำทางด้านล่าง

- รูปแบบการนำทาง:

* TabLayout

* TabLayout WhatsApp

* การนำทางด้านล่าง

* อินสตาแกรมการนำทางด้านล่าง

* การนำทางด้านล่าง youtube

การนำทางด้านล่าง tiktok

- ขยายได้:

*ดู

* ปุ่มดำเนินการลอย

- RecyclerView:

* LinearLayout

* ตาราง

* ตารางแบบไดนามิก

* ปัดเพื่อรีเฟรช

* ปัดเพื่อปิด

* ปัดเพื่อปิดและดำเนินการ

* ภาพเคลื่อนไหว

* ลากและวาง

* ลากและวางอัลบั้ม

*เส้นเวลา

* SearchView

* ขยายได้

*เครื่องเล่นเพลง

* โหมดการทำงาน

* เลขหน้า

* แผนที่

* ViewPager

* ซ้อน

* สี