สร้างโลกของคุณเอง
โซเชียล

การเพิ่มสิ่งต่อไปนี้:ฟังก์ชันรายการผู้ติดตาม

9min

ใช้ Social API ของ ZEPETO.Module, ผู้สร้างโลกสามารถโหลดรายชื่อเพื่อนของผู้ใช้ได้.

ผู้สร้างโลกยังสามารถติดตามผู้ใช้ใหม่หรือเลิกติดตามผู้ใช้ที่พวกเขาติดตามอยู่ได้.

วิธีการติดตั้ง

โปรดติดตั้ง Window → Package Manager → ZEPETO.World Package เวอร์ชัน 1.21.0 หรือใหม่กว่า.

จากนั้นติดตั้ง ZEPETO.Module Package.

Document image


การใช้ prefab รายชื่อเพื่อนแบบป๊อปอัพ

ZEPETO.Module Package มี UI prefabs เพื่อให้คุณสร้างรายชื่อผู้ติดตาม/ผู้ติดตามได้อย่างง่ายดาย.

1) ในแผงโปรเจกต์ ไปที่ Packages > ZEPETO.Module > Social > Runtime > UI > _Resources > โฟลเดอร์ Prefab.

2) จาก prefab ในโฟลเดอร์ ลากและวาง FollowScrollView.prefab ลงในฉาก.

Document image




❗️ ระวัง เมื่อวัตถุ EventSystem ไม่มีอยู่ในฉาก ฟีเจอร์นี้อาจทำงานไม่ถูกต้อง เพิ่มวัตถุโดยไปที่ GameObject > UI > EventSystem.



3) คลิกปุ่มเล่นเพื่อดูหน้าต่างรายชื่อเพื่อนปรากฏขึ้นบนหน้าจอ.

Document image




  • FollowScrollView.prefab ซึ่งสร้างป๊อปอัพรายชื่อเพื่อน ใช้คอมโพเนนต์ FollowScrollView เพื่อโหลดและแสดงรายชื่อเพื่อนและจำนวนผู้ใช้ทั้งหมดบนหน้าจอ.
  • ข้อมูลที่กำหนดในคอมโพเนนต์ FollowScrollView มีดังนี้.

คอมโพเนนต์ Follow Scroll View

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 รายชื่อเพื่อนถูกแสดง

Document image




หากหน้าจอโลกอยู่ในโหมดแนวนอนเมื่อสร้างรายชื่อเพื่อนผ่าน FollowScrollView จะใช้ FollowScrollView_Landscape

  • เมื่อหน้าจออยู่ในโหมดแนวตั้ง จะใช้ FollowScrollView_Portrait
  • ข้อมูลที่กำหนดในส่วนควบคุม FollowView ที่ใช้กับ FollowScrollView_Landscape และ FollowScrollView_Portrait มีดังนี้

ติดตามส่วนประกอบการดู

1

แท็บผู้ติดตาม

กลุ่มแท็บผู้ติดตาม

2

แท็บที่ติดตาม

กลุ่มแท็บที่ติดตาม

3

เลื่อน

มุมมองเลื่อนรายชื่อเพื่อน

4

ภาพว่างเปล่า

ภาพที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า

5

ตัวโหลด

ภาพที่แสดงในขณะที่กำลังโหลดรายชื่อเพื่อน

6

ปุ่มปิด

ปุ่มสำหรับปิดป๊อปอัพรายชื่อเพื่อน

7

ชื่อเรื่อง

ชื่อเรื่องสำหรับป๊อปอัพรายชื่อเพื่อน

8

ผู้ติดตาม

ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงผู้ติดตาม

9

กำลังติดตาม

ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงที่ติดตาม

10

ข้อความว่างเปล่า

ข้อความที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า

11

แผง

แผง UI ทั้งหมด

Document image




ตามที่แสดงด้านล่าง เซลล์ที่แสดงข้อมูลเพื่อนมีการใช้ส่วนประกอบ Follow Cell View และ UserInfo Cell View ข้อมูลในแต่ละส่วนประกอบมีดังนี้

ส่วนประกอบการแสดงข้อมูลผู้ใช้

1

ชื่อการดู

ข้อความชื่อผู้ใช้

2

ดูโปรไฟล์

ภาพโปรไฟล์ผู้ใช้

3

ปุ่มติดตาม

ปุ่มติดตามผู้ใช้

4

ปุ่มเลิกติดตาม

ปุ่มเลิกติดตามผู้ใช้

5

ดูเหรียญ

ภาพไอคอนเหรียญ

6

ดูเหรียญต้อนรับ

ภาพไอคอนต้อนรับ

7

ดูติดตาม

ข้อความปุ่มติดตาม

8

ดูว่าติดตามอยู่

ข้อความปุ่มเลิกติดตาม

Document image




👍 เคล็ดลับ

  • ข้อความ ZEPETO สืบทอดจาก UnityEngine_UI.Text และให้ฟีเจอร์เพิ่มเติมบางอย่างเพื่อความสะดวกในการใช้งาน UI ภายในโลก ข้อความสามารถแก้ไขได้ง่ายในโหมดแก้ไข FollowScrollView Prefab.
  • ไอคอนป้ายที่แสดงถัดจากชื่อผู้ใช้คือไอคอนที่ใช้เพื่อทำเครื่องหมายผู้ใช้พิเศษ เช่น ผู้สร้าง ZEPETO และผู้ต้อนรับ.



การปรับแต่ง UI ของป๊อปอัพรายชื่อเพื่อน

คุณสามารถปรับแต่งรายชื่อเพื่อนของคุณโดยการปรับแต่งองค์ประกอบ UI.

เลือก prefab ใน Packages และลากและวาง prefab ลงในโฟลเดอร์ Assets เพื่อคัดลอก prefab.

Document image


👍 เคล็ดลับ Prefab ไม่สามารถปรับแต่งได้ในขณะที่อยู่ในโฟลเดอร์ Packages แต่สามารถปรับแต่งได้เมื่อคัดลอกไปยังโฟลเดอร์ย่อยของโฟลเดอร์ Assets.



อัปเดต 11 Oct 2024
Doc contributor
หน้านี้ช่วยคุณได้หรือไม่?