กิจกรรมและโปรแกรม

สร้างแอปสำหรับทุกหน้าจอด้วยข้อมูลอัปเดตล่าสุดของ Jetpack Compose จาก Android Developer Summit

ใช้เวลาอ่าน 3 นาที
ดูโปรไฟล์ของ Rebecca Gutteridge
Rebecca Gutteridge ผู้จัดการฝ่าย Developer Relations

ระบบนิเวศของ Android เป็นระบบที่รองรับการใช้งานหลายอุปกรณ์ ซึ่งครอบคลุมทั้งโทรศัพท์ อุปกรณ์แบบพับได้ แท็บเล็ต อุปกรณ์สวมใส่ จอแสดงผลในรถยนต์ XR และ Chromebook ในสถานการณ์เช่นนี้ การพัฒนาแบบปรับเปลี่ยนได้จึงเป็นรากฐานสำคัญในการเข้าถึงผู้ใช้ไม่ว่าพวกเขาจะอยู่ที่ใดก็ตาม

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

ในงาน Android Developer Summit เราได้แชร์วิธีที่เรากำลังพัฒนาพื้นฐานของแอปทั้งในด้าน UI และสถาปัตยกรรมด้วยการนำ Compose เข้าไปอยู่ในชั้นข้อมูลของคุณมากขึ้นด้วย Jetpack AppState พร้อมทั้งมอบองค์ประกอบที่ปรับเปลี่ยนได้ เช่น FlexBox และ Grid รวมถึงเครื่องมือที่พร้อมใช้งานสำหรับ Agent เพื่อปรับขนาดให้เหมาะกับหน้าจอทุกขนาด

ดูไฮไลต์บางส่วนของประกาศล่าสุดด้านล่าง หรือไปที่เว็บไซต์นักพัฒนาแอป Android เพื่อดูเซสชันแบบออนดีมานด์กว่า 50 เซสชัน รวมถึงแนวทางปฏิบัติแนะนำสำหรับรากฐานของแอป 

การพัฒนาพื้นฐานหลักและนำ Compose ไปใช้มากกว่าแค่ UI

Compose 1.13 เวอร์ชันเสถียรที่กำลังจะเปิดตัวจะขยายชุดเครื่องมือด้วยการรองรับเลย์เอาต์แบบปรับเปลี่ยนได้ในตัวผ่าน Grid และ Flexbox รวมถึงฟังก์ชันใหม่ๆ เช่น Progressive Blur และข้อความที่จัดรูปแบบ หากต้องการดูฟีเจอร์ล่าสุดที่มีกราฟิก เช่น การไล่ระดับสีแบบเมชและการเบลอแบบโปรเกรสซีฟ โดยไม่ส่งผลต่ออายุการใช้งานแบตเตอรี่หรืออัตราเฟรม โปรดดู ยกระดับแอปของคุณด้วยฟีเจอร์กราฟิกล่าสุดใน Jetpack Compose และ Android 

นอกจากการแสดงผลภาพแล้ว เครื่องมือแก้ไขข้อความของ Compose ยังมี BasicTextField ที่เขียนใหม่ทั้งหมดพร้อมสถาปัตยกรรมที่ขับเคลื่อนด้วยบัฟเฟอร์และ TextFieldState ซึ่งช่วยขจัดภาวะแข่งขันของ IME และรองรับกลไกการแก้ไขที่จัดรูปแบบ Rich Text ดูการสร้างประสบการณ์เครื่องมือแก้ไขข้อความที่เชื่อถือได้ใน Compose เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนแปลงนี้ 

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

นอกจากนี้ Compose ยังขยายไปยังเลเยอร์สถาปัตยกรรมด้วย Jetpack AppState ซึ่งตอนนี้อยู่ในเวอร์ชันอัลฟ่า AppState นำระบบสแนปชอตของ Compose มาใช้ในสถาปัตยกรรมของแอป: Transform ช่วยให้คุณรับสถานะรีแอ็กทีฟจากอินพุต State และ Flow โดยใช้การติดตามการอ่านอัตโนมัติและโฟลว์การควบคุม Kotlin ธรรมดา ส่วน StateStore มีคอนเทนเนอร์ที่ใช้คีย์เพื่อแชร์สถานะที่สังเกตได้ในกิจกรรม บริการที่ทำงานอยู่เบื้องหลัง วิดเจ็ต และฟังก์ชันของแอป พร้อมตัวเลือกการคงอยู่ของข้อมูล DataStore ดูวิดีโอการนำสถานะ Compose ไปใช้มากกว่าแค่ UI ด้วย Jetpack AppState เพื่อดูว่าการย้ายสถานะ Compose ขึ้นไปในสแต็กช่วยลดความซับซ้อนของไปป์ไลน์สถานะที่ซับซ้อนและทำให้ทุกแพลตฟอร์มของแอปซิงค์กันได้อย่างไร

การออกแบบระบบการนำทางและการป้อนข้อมูลที่มีประสิทธิภาพสำหรับอุปกรณ์รูปแบบต่างๆ

เมื่อแอปมีความเป็นโมดูลมากขึ้น การนำทางและการป้อนข้อมูลของผู้ใช้จะต้องคาดเดาได้ในทุกจุดเข้าใช้งานและขนาดหน้าจอ ในเวอร์ชัน 1.2 Jetpack Navigation 3 มาพร้อมการทำ Deep Link ที่ปลอดภัยในการกำหนดประเภทในตัวไปยัง Back Stack ที่นักพัฒนาแอปเป็นเจ้าของ เมื่อใช้ Kotlin Serialization คุณจะแมป URI และ Intent ขาเข้ากับคีย์การนําทางที่พิมพ์อย่างเข้มงวดได้โดยตรง ปรับแต่งวิธีแยกวิเคราะห์อาร์กิวเมนต์ที่ซับซ้อน และสร้าง Back Stack สังเคราะห์แบบ Lazy เพื่อให้การนําทางย้อนกลับเป็นไปอย่างเป็นธรรมชาติเสมอ หากต้องการดูการทำงานของ API เหล่านี้ โปรดดูการสร้าง Deep Link ที่ปลอดภัยในการกำหนดประเภทด้วย Jetpack Navigation 3

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

การปรับขนาดอินเทอร์เฟซในหน้าจอขนาดใหญ่ เดสก์ท็อป และอื่นๆ

เมื่อย้ายไปมาระหว่างอุปกรณ์แบบพับได้ แท็บเล็ต และแล็ปท็อป อินเทอร์เฟซต้องปรับเปลี่ยนอย่างเป็นธรรมชาติ แทนที่จะขยายเนื้อหาให้เต็มจอแสดงผลขนาดใหญ่ขึ้นเฉยๆ การสร้างแบบปรับเปลี่ยนได้ด้วยการพัฒนา Compose จะรวม Navigation 3, WindowManager และเวิร์กโฟลว์แบบ Agentic เข้าด้วยกันเพื่อช่วยคุณเปลี่ยนโครงสร้างภายในเลย์เอาต์บนอุปกรณ์เคลื่อนที่ให้เป็นประสบการณ์การใช้งานแบบหลายแผงที่ปรับเปลี่ยนตามอุปกรณ์โดยมีค่าใช้จ่ายเพิ่มเติมเพียงเล็กน้อย สำหรับนักพัฒนาแอปที่ต้องการพัฒนาเลย์เอาต์ที่มีอยู่ให้ดียิ่งขึ้น ปรับขนาดแอปสำหรับทุกหน้าจอด้วย Compose จะอธิบายรูปแบบสถาปัตยกรรมแบบหลายแผงเหล่านี้และสาธิตวิธีเพิ่มประสิทธิภาพขั้นตอนการนำทางเมื่อขนาดหน้าต่างเปลี่ยนแปลง

การขยายการใช้งานนอกเหนือจากรูปแบบของอุปกรณ์เคลื่อนที่ยังช่วยปลดล็อกโอกาสใหม่ๆ เช่น Googlebook ด้วย การสร้างประสบการณ์การใช้งานระดับเดสก์ท็อปต้องอาศัยการรองรับอุปกรณ์ต่อพ่วง สภาพแวดล้อมการทำงานแบบหน้าต่าง และอื่นๆ ในบทความInside the first wave on Googlebook with Notability and Logitech พาร์ทเนอร์กลุ่มแรกๆ ได้แชร์กลยุทธ์ทางวิศวกรรมที่นำไปใช้ได้จริงเกี่ยวกับการเพิ่มประสิทธิภาพสำหรับการโต้ตอบด้วยเคอร์เซอร์ ฮาร์ดแวร์ภายนอก และเวิร์กโฟลว์ระดับเดสก์ท็อป

เริ่มต้นใช้งานทักษะ Android ของเรา

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

  • ทักษะการปรับเปลี่ยนที่อัปเดตช่วยให้ Agent เปลี่ยนหน้าจอขนาดกะทัดรัดเป็นเลย์เอาต์แบบหลายแผงที่ปรับเปลี่ยนตามอุปกรณ์ รวมถึงจัดการการเปลี่ยนแปลงสถานะและการกำหนดค่าได้ ตอนนี้ได้เพิ่มการรองรับอุปกรณ์แบบพับได้และเดสก์ท็อป โดยจะจัดการการแสดงหน้าต่าง แป้นพิมพ์ลัด เคล็ดลับเครื่องมือ และสถานะการวางเมาส์เหนือแทร็กแพดโดยอัตโนมัติ
  • ทักษะใหม่ด้านประสิทธิภาพของ Compose เพื่อช่วยเพิ่มประสิทธิภาพฐานของโค้ด
  • ทักษะการย้ายข้อมูลจาก XML ไปยัง Compose
  • ทักษะใหม่ของ Ink 

นอกเหนือจากสถาปัตยกรรมหลักและเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์แล้ว คุณยังสามารถสำรวจข้อมูลเจาะลึกทางเทคนิคที่ครอบคลุมการเล่น Media3, ไปป์ไลน์ CameraX, ประสบการณ์การใช้งานในรถยนต์, กราฟิกที่สมบูรณ์ และบทเรียนจากการย้ายข้อมูล Google Play ไปยัง Compose ในวงกว้าง ดูคอลเล็กชันคำแนะนำทางเทคนิคทั้งหมดได้ในเพลย์ลิสต์เซสชัน App Foundations ของ Android Developer Summit เพื่อสำรวจสถาปัตยกรรม คำแนะนำเกี่ยวกับโค้ด และคำแนะนำที่นำไปใช้ได้จริง 

เขียนโดย
อ่านต่อ