Jetpack Compose Gallery

Jetpack Compose Gallery เป็นแอปอ้างอิงที่ใช้งานได้จริงสำหรับนักพัฒนา Android

ที่สร้างแอปด้วย Jetpack Compose และ Material 3

เรียกดูคอลเลกชันส่วนประกอบ รูปแบบ UI และแอนิเมชันที่คัดสรรมาอย่างดี — แต่ละอย่าง

มาพร้อมกับตัวอย่างแบบโต้ตอบสดและซอร์สโค้ด Kotlin จริงที่คุณสามารถคัดลอก

ลงในโปรเจ็กต์ของคุณได้โดยตรง

ส่วนประกอบ

ปุ่ม, ช่องข้อความ, ชิป, ปุ่มวิทยุ, สวิตช์, ช่องทำเครื่องหมาย, สไลเดอร์,

ป้าย, FAB, แถบนำทาง, แถบแอปด้านบน และอื่นๆ

รูปแบบ UI

การ์ด, กล่องโต้ตอบ, Snackbar, ตัวบ่งชี้ความคืบหน้า, รายการ, ตัวแบ่ง, คำแนะนำเครื่องมือ

และตัวแสดงจานสี Material 3 แบบเต็มรูปแบบ

แอนิเมชัน

เฟด, สไลด์, สเกล, ครอสเฟด, animate*AsState, animateContentSize,

การเปลี่ยนภาพแบบไม่จำกัด และการเปรียบเทียบข้อกำหนด Spring กับ Tween

คุณสมบัติหลัก

ตัวอย่างแบบเรียลไทม์ — ทุกส่วนประกอบสามารถโต้ตอบได้อย่างเต็มที่ ไม่ใช่แค่ภาพหน้าจอ

ดูซอร์สโค้ด — แตะ "ดูโค้ด" บนหน้าจอใดก็ได้เพื่อดูโค้ด Kotlin ที่แท้จริง

คัดลอกไปยังคลิปบอร์ด — คัดลอกส่วนใดก็ได้ด้วยการแตะเพียงครั้งเดียว

การเน้นไวยากรณ์ — โปรแกรมดูโค้ดแบบมีรหัสสีพร้อมธีม Catppuccin

ค้นหา — ค้นหาส่วนประกอบใดก็ได้ทันทีในทุกหมวดหมู่

โหมดมืด — รองรับธีมสว่างและมืดอย่างเต็มรูปแบบ

Material 3 — สร้างขึ้นทั้งหมดตามแนวทาง Material Design ล่าสุด

สร้างด้วย

Jetpack Compose

Material 3

Navigation Compose

ไม่ว่าคุณจะกำลังเรียนรู้ Compose เป็นครั้งแรกหรือกำลังมองหาข้อมูลอ้างอิงอย่างรวดเร็วในขณะที่กำลังสร้างแอปตัวต่อไปของคุณ Compose Gallery ก็พร้อมให้ความช่วยเหลือ