การเพิ่มสิ่งต่อไปนี้:ฟังก์ชันรายการผู้ติดตาม
ใช้ Social API ของ ZEPETO.Module, ผู้สร้างโลกสามารถโหลดรายชื่อเพื่อนของผู้ใช้ได้.
ผู้สร้างโลกยังสามารถติดตามผู้ใช้ใหม่หรือเลิกติดตามผู้ใช้ที่พวกเขาติดตามอยู่ได้.
โปรดติดตั้ง Window → Package Manager → ZEPETO.World Package เวอร์ชัน 1.21.0 หรือใหม่กว่า.
จากนั้นติดตั้ง ZEPETO.Module Package.
ZEPETO.Module Package มี UI prefabs เพื่อให้คุณสร้างรายชื่อผู้ติดตาม/ผู้ติดตามได้อย่างง่ายดาย.
1) ในแผงโปรเจกต์ ไปที่ Packages > ZEPETO.Module > Social > Runtime > UI > _Resources > โฟลเดอร์ Prefab.
2) จาก prefab ในโฟลเดอร์ ลากและวาง FollowScrollView.prefab ลงในฉาก.
❗️ ระวัง เมื่อวัตถุ EventSystem ไม่มีอยู่ในฉาก ฟีเจอร์นี้อาจทำงานไม่ถูกต้อง เพิ่มวัตถุโดยไปที่ GameObject > UI > EventSystem.
3) คลิกปุ่มเล่นเพื่อดูหน้าต่างรายชื่อเพื่อนปรากฏขึ้นบนหน้าจอ.
- FollowScrollView.prefab ซึ่งสร้างป๊อปอัพรายชื่อเพื่อน ใช้คอมโพเนนต์ FollowScrollView เพื่อโหลดและแสดงรายชื่อเพื่อนและจำนวนผู้ใช้ทั้งหมดบนหน้าจอ.
- ข้อมูลที่กำหนดในคอมโพเนนต์ FollowScrollView มีดังนี้.
1 | ความสูง | ค่าระยะทางแนวตั้งระหว่างเซลล์ข้อมูลผู้ใช้ในมุมมองการเลื่อน |
---|---|---|
2 | จำนวนการโหลด | จำนวนการโหลดเซลล์: จำนวนข้อมูลเซลล์ที่โหลดเมื่อมุมมองการเลื่อนถูกเลื่อน การตั้งค่าหมายเลขสูงสำหรับค่านี้อาจส่งผลต่อความเร็วในการโหลด |
3 | Prefab ข้อมูลผู้ใช้ | Prefab UI สำหรับเซลล์แต่ละเซลล์เพื่อแสดงข้อมูลผู้ใช้ |
4 | Prefab จำนวนรวม | Prefab ที่แสดงจำนวนผู้ใช้ทั้งหมด ข้อความสามารถแปลโดยอัตโนมัติและแสดงในหลายภาษา |
5 | Canvas Scaler | สามารถเลือกลักษณะของ Canvas สำหรับ UI รายชื่อเพื่อน สามารถใช้ Canvas ที่สร้างไว้ล่วงหน้าได้ |
6 | แนวตั้ง | ลงทะเบียน prefab UI หน้าจอแนวตั้งรวมถึง Follow View Controller |
7 | แนวนอน | ลงทะเบียน prefab UI หน้าจอแนวนอนรวมถึง Follow View Controller |
8 | พื้นหลัง | หน้าจอสีดำกึ่งโปร่งใสที่ปรากฏเมื่อ UI รายชื่อเพื่อนถูกแสดง |
หากหน้าจอโลกอยู่ในโหมดแนวนอนเมื่อสร้างรายชื่อเพื่อนผ่าน FollowScrollView จะใช้ FollowScrollView_Landscape
- เมื่อหน้าจออยู่ในโหมดแนวตั้ง จะใช้ FollowScrollView_Portrait
- ข้อมูลที่กำหนดในส่วนควบคุม FollowView ที่ใช้กับ FollowScrollView_Landscape และ FollowScrollView_Portrait มีดังนี้
1 | แท็บผู้ติดตาม | กลุ่มแท็บผู้ติดตาม |
---|---|---|
2 | แท็บที่ติดตาม | กลุ่มแท็บที่ติดตาม |
3 | เลื่อน | มุมมองเลื่อนรายชื่อเพื่อน |
4 | ภาพว่างเปล่า | ภาพที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า |
5 | ตัวโหลด | ภาพที่แสดงในขณะที่กำลังโหลดรายชื่อเพื่อน |
6 | ปุ่มปิด | ปุ่มสำหรับปิดป๊อปอัพรายชื่อเพื่อน |
7 | ชื่อเรื่อง | ชื่อเรื่องสำหรับป๊อปอัพรายชื่อเพื่อน |
8 | ผู้ติดตาม | ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงผู้ติดตาม |
9 | กำลังติดตาม | ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงที่ติดตาม |
10 | ข้อความว่างเปล่า | ข้อความที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า |
11 | แผง | แผง UI ทั้งหมด |
ตามที่แสดงด้านล่าง เซลล์ที่แสดงข้อมูลเพื่อนมีการใช้ส่วนประกอบ Follow Cell View และ UserInfo Cell View ข้อมูลในแต่ละส่วนประกอบมีดังนี้
1 | ชื่อการดู | ข้อความชื่อผู้ใช้ |
---|---|---|
2 | ดูโปรไฟล์ | ภาพโปรไฟล์ผู้ใช้ |
3 | ปุ่มติดตาม | ปุ่มติดตามผู้ใช้ |
4 | ปุ่มเลิกติดตาม | ปุ่มเลิกติดตามผู้ใช้ |
5 | ดูเหรียญ | ภาพไอคอนเหรียญ |
6 | ดูเหรียญต้อนรับ | ภาพไอคอนต้อนรับ |
7 | ดูติดตาม | ข้อความปุ่มติดตาม |
8 | ดูว่าติดตามอยู่ | ข้อความปุ่มเลิกติดตาม |
👍 เคล็ดลับ
- ข้อความ ZEPETO สืบทอดจาก UnityEngine_UI.Text และให้ฟีเจอร์เพิ่มเติมบางอย่างเพื่อความสะดวกในการใช้งาน UI ภายในโลก ข้อความสามารถแก้ไขได้ง่ายในโหมดแก้ไข FollowScrollView Prefab.
- ไอคอนป้ายที่แสดงถัดจากชื่อผู้ใช้คือไอคอนที่ใช้เพื่อทำเครื่องหมายผู้ใช้พิเศษ เช่น ผู้สร้าง ZEPETO และผู้ต้อนรับ.
คุณสามารถปรับแต่งรายชื่อเพื่อนของคุณโดยการปรับแต่งองค์ประกอบ UI.
เลือก prefab ใน Packages และลากและวาง prefab ลงในโฟลเดอร์ Assets เพื่อคัดลอก prefab.
👍 เคล็ดลับ Prefab ไม่สามารถปรับแต่งได้ในขณะที่อยู่ในโฟลเดอร์ Packages แต่สามารถปรับแต่งได้เมื่อคัดลอกไปยังโฟลเดอร์ย่อยของโฟลเดอร์ Assets.