การแจ้งเตือนเป็นเครื่องมือทั่วไปในการแจ้งผู้ใช้เกี่ยวกับข้อมูลใหม่ ตัวอย่างเช่นการแจ้งเตือนข้อความ WhatsApp การแจ้งเตือนสายที่ไม่ได้รับและการแจ้งเตือนการอัปเดต / ดาวน์โหลดแอป Google Play คุณตั้งชื่อมัน

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

อย่างไรก็ตามแอปส่วนใหญ่ในตลาดไม่ได้จัดรูปแบบข้อความที่แสดงในแถวการแจ้งเตือน ในความคิดของฉันข้อความที่นำมาประกอบนั้นน่าสนใจสำหรับผู้ใช้มากกว่าข้อความธรรมดา ๆ ! 🎉

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

ข้อความแจ้งเตือนสไตล์

ด้านล่างนี้คือตัวอย่างของสไตล์ที่สามารถใช้กับข้อความแจ้งเตือนได้

วิธีที่ 1) แท็ก HTML

แท็ก HTML ใช้เป็นหลักในการจัดวางหน้าเว็บประกอบด้วยแท็กเปิดและแท็กปิด เหมือนกับ XML ที่ใช้ในไฟล์เลย์เอาต์ของ Android อย่างไรก็ตามไม่สนับสนุนแท็ก HTML ทั้งหมดในรูปแบบการแจ้งเตือน ในบรรดาแท็ก HTML ที่รองรับทั้งหมดฉันเลือก 9 แท็กทั่วไปสำหรับการสาธิต:

Android ไม่สามารถรับรู้รหัสดังกล่าวข้างต้นเป็นข้อความ HTML setContentText(text: CharSequence)สไตล์หากมีการป้อนโดยตรงกับฟังก์ชั่นเช่น ข้อความธรรมดาจะแสดงแทน ดูภาพหน้าจอด้านบน

เพื่อให้ Android ทราบว่าเป็นข้อความสไตล์ HTML จึงต้องใช้Htmlฟังก์ชันตัวแยกวิเคราะห์fromHtml(source: String, flag: Int)เพื่อแปลงทรัพยากรสตริงเป็นSpannedวัตถุซึ่งแสดงถึงข้อความที่มีมาร์กอัป

วิธีที่ 2: ขยาย

Spannedเป็นอินเทอร์เฟซสำหรับข้อความมาร์กอัปที่มีช่วงที่ระบุ อ่านบทความต่อไปนี้ถ้าคุณต้องการที่จะศึกษาเพิ่มเติมเกี่ยวกับ Android Spansอย่างเป็นทางการ

ค่อนข้างซับซ้อนกว่าการกำหนดสไตล์ด้วยแท็ก HTML เนื่องจากSpannedต้องกำหนดช่วงที่รันไทม์ ด้านล่างนี้เป็นโค้ดตัวอย่างเพื่อให้ได้ผลลัพธ์เดียวกันของโค้ด HTML ด้านบน:

ประการแรกStringไม่สามารถจัดรูปแบบได้โดยตรงดังนั้นเราจึงจำเป็นต้องสร้างSpannableStringวัตถุซึ่งใช้Spannedสำหรับการตั้งค่ารูปแบบ สไตล์ที่แตกต่างโดยมีตัวแทนที่แตกต่างกันSpanในชั้นเรียนเช่นStyleSpan, TypefaceSpanและForegroundSpanอื่น ๆ

พารามิเตอร์ที่สองและสามกำหนดดัชนีเริ่มต้นและสิ้นสุดของSpanช่วง ดัชนีเริ่มต้นรวมอยู่ด้วยและดัชนีสิ้นสุดเป็นเอกสิทธิ์

พารามิเตอร์สุดท้ายคือแฟล็กที่แสดงวิธีจัดการข้อความที่แทรกใหม่หลังจากSpannedตั้งค่าแล้ว โดยทั่วไปเราสามารถ0ละเว้นแฟล็กนี้ได้

สำหรับรายชื่อทั้งหมดSpannedโปรดดูเอกสารอย่างเป็นทางการด้านล่าง:

สรุป

1. ตำราทั้งหมดในการแจ้งเตือนสามารถสไตล์โดยทั้ง HTML Spannedแท็กหรือ
2. รองรับแท็ก HTML ที่ จำกัด ใน Android
3. Spanned ค่อนข้างซับซ้อนกว่าแท็ก HTML เนื่องจากต้องกำหนดช่วงของข้อความที่รันไทม์

1. การแจ้งเตือนที่กำหนดเอง

2. การแจ้งเตือน Android All-In-One

3. การแจ้งเตือน BigTextSytle

4. BigPictureStyleNotification

5. InboxStyleNotification

ข้อมูลอ้างอิง

1. เอกสารการแจ้งเตือนอย่างเป็นทางการ

2. จัดแต่งทรงผมด้วย HTML

3. รายชื่อ Spanned

คุณสามารถติดตามฉันได้ที่Twitter @ myrick_chowสำหรับข้อมูลเพิ่มเติมและบทความ ขอบคุณที่อ่านบทความนี้ ขอให้มีความสุขในวันนี้! 😄