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

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

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

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

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

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

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

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