คุณรองรับลิงก์หลายรายการในสตริงข้อความเดียวเพื่อให้ผู้ใช้มีตัวเลือกในการไปยังส่วนต่างๆ และเพิ่มการมีส่วนร่วมได้

• Kotlin

คุณจัดรูปแบบข้อความบางส่วนเพื่อปรับปรุงความสามารถในการอ่าน เพิ่มประสบการณ์เชิงบวกของผู้ใช้ และส่งเสริมความคิดสร้างสรรค์ได้โดยใช้สีและแบบอักษร

• Kotlin

คุณสามารถตรวจสอบอินพุตขณะที่ผู้ใช้พิมพ์ในช่องข้อความ เช่น การป้อนชื่อ อีเมล ที่อยู่ หรือข้อมูลติดต่ออื่นๆ การตรวจสอบนี้ช่วยลดข้อผิดพลาดและช่วยประหยัดเวลาของผู้ใช้

• Kotlin

หากต้องการแสดงรูปภาพในแอปสำหรับเนื้อหาและเพื่อตอบสนองต่อการดําเนินการของผู้ใช้ ให้โหลดรูปภาพจากดิสก์หรือจากแหล่งที่มาภายนอกบนอินเทอร์เน็ต

• Kotlin

ดูวิธีสร้างภาพเคลื่อนไหวสำหรับค่าสถานะ โดยใช้การเปลี่ยน สร้างภาพเคลื่อนไหวการเปลี่ยนแปลงระดับการมองเห็นหรือขนาด และภาพซ้อนกันโดยใช้ Compose animation API

การ์ดเป็นคอนเทนเนอร์ Material Design สําหรับ UI

สร้างแถบแอปด้านบนเพื่อช่วยผู้ใช้ไปยังส่วนต่างๆ และเข้าถึงฟังก์ชันในแอปโดยใช้คอมโพสิชัน TopAppBar

แถบแอปคือคอนเทนเนอร์ที่ด้านบนหรือด้านล่างของหน้าจอซึ่งมีฟีเจอร์หลักและรายการการนำทาง

คุณสร้างประสบการณ์การใช้งานที่โต้ตอบและดึงดูดผู้ใช้ให้มีส่วนร่วมมากขึ้นในแอปได้โดยโหลดไฟล์ที่วาดได้เพื่อแสดงภาพเคลื่อนไหว รูปภาพเคลื่อนไหวมีประโยชน์ในการสร้างตัวบ่งชี้การโหลด ตัวบ่งชี้ความสำเร็จหรือข้อผิดพลาด อำนวยความสะดวกในการพัฒนาเกม และฟังก์ชัน UI อื่นๆ อีกมากมาย

• Kotlin

คุณสามารถสร้างไอคอนเพื่อซ่อนหรือแสดงรหัสผ่านตามการเปิดตัวของผู้ใช้เพื่อเพิ่มความปลอดภัยและปรับปรุงประสบการณ์ของผู้ใช้

• Kotlin

ดูวิธีใช้ Compose API ที่ออกแบบมาเพื่อวาดข้อความบนผืนผ้าใบโดยเฉพาะ ส่วนนี้แสดงโค้ดสำหรับวาดแบบอักษรอีโมจิในสี่เหลี่ยมผืนผ้ามน

ตัวบ่งบอกสถานะความคืบหน้าจะแสดงสถานะของการดําเนินการ

ดูวิธีจัดการการเปลี่ยนแปลงการกำหนดค่าแป้นพิมพ์แบบถอดได้

• Java
• Kotlin

จำกัดการวางแนวของแอปในหน้าจอขนาดเล็ก แต่ไม่ได้จำกัดในหน้าจอขนาดใหญ่

• Kotlin
• Java

คุณสามารถวาดเงารอบๆ พื้นที่ที่ตัดออกของรูปภาพเพื่อให้แสดงรูปภาพในรูปทรงของคลิปได้

• Kotlin

สร้างรายการการแบ่งหน้าเพื่อให้ผู้ใช้เลื่อนเพื่อเข้าถึงเนื้อหาที่ใหญ่เกินกว่าที่จะแสดงในหน้าจอเดียวได้ รายการการเลื่อนดูแนวนอนช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ของเนื้อหา เช่น รูปภาพ สไลด์โชว์ หรือภาพสไลด์ของผลิตภัณฑ์ รายการแบบหน้าเว็บแนวตั้งมีประโยชน์สําหรับแอปที่มีเนื้อหามากซึ่งผู้ใช้อาจต้องเลื่อนดูรายการจํานวนมาก เช่น บทความ

คุณสามารถใช้สวิตช์เปิด/ปิดเพื่อให้ผู้ใช้เลือกสถานะอย่างใดอย่างหนึ่งได้

ปุ่มเรียกให้ดำเนินการบางอย่าง

สร้างการทดสอบ Jetpack Compose รายการแรก ดูวิธีใช้อาร์ติแฟกต์การทดสอบของ Compose เพื่อเขียนการทดสอบ UI, ใช้กฎการทดสอบ, ตัวค้นหา และการยืนยัน

คอมโพเนนต์ชิปแสดงเอนทิตีที่ซับซ้อน ซึ่งมักจะมีไอคอนและป้ายกำกับ

จัดการสถานะของ WebView เมื่อมีการเปลี่ยนแปลงการกําหนดค่า

• Java
• Kotlin

ปฏิเสธการสัมผัสสไตลัสด้วยฝ่ามือโดยไม่ตั้งใจ

• Kotlin
• Java

เลือกคอมโพเนนต์ที่เหมาะกับ UI และดูวิธีติดตั้งใช้งานในแอป

ปุ่มการทำงานแบบลอยช่วยให้ผู้ใช้ดำเนินการหลักในแอปได้

• Kotlin

กล่องโต้ตอบจะแสดงข้อความป๊อปอัปหรือขอข้อมูลจากผู้ใช้ในเลเยอร์เหนือเนื้อหาหลักของแอป

ดูวิธีสร้างการออกแบบที่ซับซ้อนสำหรับเลย์เอาต์ Compose โดยเน้นที่ระยะของเลย์เอาต์และข้อจำกัด เลย์เอาต์ย่อย และค่าการวัดที่แท้จริง

เปิดใช้แอปเพื่อรองรับประสบการณ์การใช้งานที่เพิ่มประสิทธิภาพในแท็บเล็ต อุปกรณ์แบบพับได้ และอุปกรณ์ ChromeOS

ลิ้นชักการนำทางคือเมนูการนำทางแบบเลื่อนเข้า

คุณจัดการชุดข้อมูลขนาดใหญ่และเนื้อหาแบบไดนามิกได้ด้วยตารางกริดแบบ Lazy ซึ่งช่วยปรับปรุงประสิทธิภาพของแอป คอมโพสิชันแบบกริดแบบเลื่อนช้าช่วยให้คุณแสดงรายการในคอนเทนเนอร์ที่เลื่อนได้ ซึ่งครอบคลุมหลายคอลัมน์หรือหลายแถว

• Kotlin

โครงสร้างพื้นฐานจะยึดส่วนต่างๆ ของ UI เช่น แถบแอปและปุ่มการดำเนินการแบบลอยตัวไว้ด้วยกัน เพื่อให้แอปมีรูปลักษณ์และความรู้สึกที่สอดคล้องกัน

ชีตด้านล่างจะแสดงเนื้อหารองที่ด้านล่างของหน้าจอ

รายการที่เลื่อนได้จะช่วยจัดการชุดข้อมูล สร้างการออกแบบที่ปรับเปลี่ยนตามอุปกรณ์ และอำนวยความสะดวกในการไปยังส่วนต่างๆ หากต้องการแสดงรายการจํากัดในแอป ให้สร้างรายการที่เลื่อนได้โดยใช้ตัวแก้ไข `verticalScroll` หรือ `horizontalScroll`

• Kotlin

ทําให้แอปเป็นแบบอินเทอร์แอกทีฟโดยอนุญาตให้ผู้ใช้ป้อนข้อความและอินพุตอื่นๆ

สร้างแถบด้านล่างของแอปเพื่อช่วยผู้ใช้ไปยังส่วนต่างๆ และเข้าถึงฟังก์ชันในแอป

• Kotlin

ใช้คลังการแบ่งหน้าเพื่อรองรับรายการจำนวนมาก ซึ่งรวมถึงรายการที่แสดงแบบไม่สิ้นสุดในแอปโดยการโหลดและแสดงข้อมูลทีละส่วน การโหลดแบบ Lazy Loading ช่วยลดเวลาในการโหลดครั้งแรกและเพิ่มประสิทธิภาพการใช้หน่วยความจํา ซึ่งช่วยเพิ่มประสิทธิภาพ

• Kotlin

แถบเลื่อนช่วงช่วยให้ผู้ใช้เลือกจากช่วงค่าได้

การใช้ตัวบ่งชี้หน้าเว็บจะช่วยให้ผู้ใช้เข้าใจตําแหน่งปัจจุบันของตนภายในเนื้อหาของแอป ซึ่งแสดงถึงขั้นตอนต่างๆ อย่างชัดเจน

• Kotlin

Compose เป็นวิธีที่ง่ายและมีประสิทธิภาพมากขึ้นในการสร้างรายการที่เลื่อนได้โดยใช้โค้ดน้อยกว่า RecyclerView ดูวิธีใช้เลย์เอาต์แบบ Lazy เพื่อสร้างรายการที่อนุญาตให้เพิ่มเนื้อหาลงในรายการตามต้องการ

คุณสามารถแสดงรายการที่เลื่อนซ้อนกันภายในรายการเพื่อนำเสนอเลย์เอาต์ที่ซับซ้อน เช่น แคตตาล็อกผลิตภัณฑ์ แกลเลอรีสื่อ ฟีดข่าว และอื่นๆ การนำเสนอเนื้อหาในลักษณะนี้จะช่วยเพิ่มความสามารถใช้งานของแอป ซึ่งทำให้ผู้ใช้ไปยังส่วนต่างๆ ได้ง่ายขึ้น

• Kotlin

แถบแสดงข้อความจะแสดงการแจ้งเตือนสั้นๆ ที่ด้านล่างของหน้าจอ

คุณสามารถจัดรูปแบบหมายเลขโทรศัพท์ในช่องข้อความโดยอัตโนมัติเพื่อประหยัดเวลาและเพิ่มการมีส่วนร่วมของผู้ใช้ ประสิทธิภาพ และประสิทธิผล

• Kotlin

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

• Kotlin

ดูว่าสถานะทำงานอย่างไรในแอปที่ใช้ Compose และวิธีที่เฟรมเวิร์กอัปเดต UI โดยอัตโนมัติเพื่อแสดงค่าใหม่ ดูวิธีสร้างสถานะที่สังเกตได้ วิธีเก็บสถานะไว้ระหว่างการจัดเรียงใหม่หรือการเปลี่ยนแปลงการกําหนดค่า และวิธีจัดโครงสร้างคอมโพสิเบิลเพื่อให้การไหลของข้อมูลมีประสิทธิภาพสูงสุด

การตรวจสอบข้อบกพร่องด้านประสิทธิภาพใน Jetsnack และวิธีแก้ไขใน Jetpack Compose ดูสาเหตุที่การเลื่อนการอ่านสถานะโดยใช้ Lambda ช่วยให้ข้ามการคอมโพสิชันได้

เพิ่มฟีเจอร์การช่วยเหลือพิเศษลงในแอป ดูวิธีเพิ่มการเข้าถึงและการใช้งานที่หลากหลายของแอปโดยไม่ต้องทำอะไรมาก

เมื่อคุณคุ้นเคยกับการทำงานใน Compose แล้ว คุณอาจต้องการเริ่มวาดคอมโพเนนต์ที่กําหนดเอง วิดีโอนี้อธิบายวิธีเริ่มต้นใช้งานการวาดที่กำหนดเอง

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

• Kotlin

ดูวิธีที่ส่วนตัดติดต่อกับแอปเกี่ยวกับตําแหน่งที่จะวางการตกแต่งระบบ และวิธีที่ Compose API ช่วยให้เนื้อหาของคุณย้ายไปพร้อมกับแถบระบบ แป้นพิมพ์ซอฟต์แวร์ และแถบงานโดยอัตโนมัติ ไม่ต้องกลัวที่จะใช้พื้นที่เต็มหน้าจอ

ใช้คู่มือฉบับย่อเหล่านี้เพื่อสร้างสคาฟเฟิลด์หน้าจอหลัก ซึ่งจะช่วยให้หน้าจอหลักของแอปมีรูปลักษณ์ที่สอดคล้องกัน

การเลื่อนแบบพารัลแลกซ์เป็นเทคนิคที่เนื้อหาพื้นหลังและเนื้อหาเบื้องหน้าเลื่อนด้วยความเร็วที่แตกต่างกัน คุณสามารถใช้เทคนิคนี้เพื่อปรับปรุง UI ของแอป ซึ่งจะสร้างประสบการณ์การใช้งานแบบไดนามิกมากขึ้นเมื่อผู้ใช้เลื่อน

• Kotlin

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

คุณสามารถผสมผสานหรือวางซ้อนรูปภาพต้นฉบับเพื่อแสดงรูปภาพแบบเลเยอร์บนผืนผ้าใบได้ เช่น คุณอาจจำลองวิธีที่เฟรมเวิร์ก Android สร้างไอคอนแอปโดยการรวมองค์ประกอบที่วาดได้ของพื้นหลังและพื้นหน้าแยกกัน

• Kotlin

ภาพเคลื่อนไหว 5 แบบง่ายๆ เหล่านี้จะช่วยให้แอปของคุณมีชีวิตชีวาได้ในไม่กี่นาที ทําให้แอป Compose โดดเด่น แม้คุณจะไม่มีเวลาเรียนรู้ทุกอย่างเกี่ยวกับภาพเคลื่อนไหว

ปรับปรุงความสามารถในการใช้งานและความน่าสนใจในแง่สุนทรียศาสตร์ของแอปด้วยการปรับแต่งวิธีแสดงข้อความ

รักษาสถานะ RecyclerView ในระหว่างการเปลี่ยนแปลงการกําหนดค่า

• Kotlin
• Java

คุณสามารถใช้รายการที่มีรายการหลายประเภทเพื่อแสดงเนื้อหาแบบผสม เช่น ข้อความ รูปภาพ และองค์ประกอบแบบอินเทอร์แอกทีฟ

• Kotlin

แสดงและจัดเรียงคอลเล็กชันรายการต่างๆ อย่างมีประสิทธิภาพด้วยรายการและตารางกริด

ชุดวิดีโอนี้จะแนะนำ Compose API ต่างๆ โดยแสดงสิ่งที่มีให้ใช้งานและวิธีใช้อย่างรวดเร็ว

คุณทำให้ข้อความเคลื่อนไหวทีละตัวได้เพื่อให้ดูเหมือนเอฟเฟกต์การพิมพ์แบบสตรีม

• Kotlin

ทำงานกับรูปภาพบนหน้าจอโดยใช้เวกเตอร์ บิตแมป หรือวาดภาพโดยตรงด้วยผืนผ้าใบบนหน้าจอ