SoundCloud ใช้ Jetpack Glance สร้างวิดเจ็ตเพลงที่ชอบในเวลาเพียง 2 สัปดาห์

เพื่อช่วยให้ผู้ใช้ฟังเพลงใน Android ได้ง่ายยิ่งขึ้น นักพัฒนาแอปที่ SoundCloud ซึ่งเป็นแพลตฟอร์มเพลงที่ให้ความสำคัญกับศิลปินเป็นอันดับแรก จึงหันมาใช้ Jetpack Glance เพื่อสร้างวิดเจ็ตเพลงที่ชอบสำหรับแอปที่ได้รับคะแนนสูง ซึ่งมีคะแนน 4.6 ดาวและมีการดาวน์โหลดมากกว่า 100 ล้านครั้ง SoundCloud มีเพลงกว่า 400 ล้านเพลงจากครีเอเตอร์มากกว่า 40 ล้านคน และมุ่งมั่นที่จะเชื่อมโยงศิลปินกับแฟนๆ ผ่านเพลง การอัปเดตล่าสุดของแอป Android จึงช่วยให้ผู้ฟังเพลิดเพลินกับเพลงโปรดได้สะดวกยิ่งขึ้น Glance ช่วยให้ทีมทำโปรเจ็กต์นี้เสร็จได้ในเวลาเพียง 2 สัปดาห์ ซึ่งช่วยประหยัดเวลาในการพัฒนาอันมีค่าและเพิ่มการมีส่วนร่วม

เพิ่มการมองเห็นให้ได้สูงสุดด้วยจุดสัมผัสที่ใช้งานง่าย

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

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

เร่งวงจรการพัฒนาด้วย Glance

Glance ยังมีบทบาทสำคัญในการปรับปรุงการพัฒนาฟีเจอร์เพลงที่ชอบ สำหรับนักพัฒนาแอปที่เชี่ยวชาญ Compose อยู่แล้ว การออกแบบที่ใช้งานง่ายของ Glance จะให้ความรู้สึกคุ้นเคย ซึ่งช่วยลดระยะเวลาการเรียนรู้และเร่งการเริ่มต้นใช้งานของทีม คอลเล็กชันตัวอย่างโค้ดของแพลตฟอร์มยังเป็นจุดเริ่มต้นที่มีประโยชน์ ซึ่งช่วยให้นักพัฒนาแอปเข้าใจความสามารถและแนวทางปฏิบัติแนะนำได้อย่างรวดเร็ว การใช้ที่เก็บแอปตัวอย่างเป็นวิธีที่ยอดเยี่ยมในการเรียนรู้ ผมสามารถดูที่เก็บทั้งหมดและตรวจสอบการทำงานของโค้ดได้" Sigute Kateivaite หัวหน้าวิศวกรของ SoundCloud ในทีม Android กล่าว "ซึ่งช่วยเร่งการพัฒนาวิดเจ็ตของเราได้มาก"

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

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

ยกระดับวิดเจ็ตแอปด้วยประสิทธิภาพของ Glance

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

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

นอกเหนือจากฟีเจอร์เพลงที่ชอบและเครื่องเล่นแล้ว ทีมยังตื่นเต้นกับศักยภาพในการใช้ Glance เพื่อสร้างวิดเจ็ตที่หลากหลายมากขึ้น สถาปัตยกรรมแบบแยกส่วนและอิงตามคอมโพเนนต์ของวิดเจ็ตเพลงที่ชอบ ซึ่งมีองค์ประกอบที่นำกลับมาใช้ใหม่ได้ เช่น UserAvatar และโลโก้ เป็นรากฐานที่มั่นคงสำหรับการพัฒนาในอนาคต และสัญญาว่าจะลดความซับซ้อนของกระบวนการตั้งแต่เริ่มต้น

เริ่มต้นสร้างวิดเจ็ตแอปที่กำหนดเองด้วย Jetpack Glance

พัฒนาและติดตั้งใช้งานวิดเจ็ตอย่างรวดเร็วเพื่อช่วยให้แอปของคุณมองเห็นได้และดึงดูดผู้ใช้ด้วย Glance

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