---
title: การเพิ่มสิ่งต่อไปนี้:ฟังก์ชันรายการผู้ติดตาม
slug: world-sdk-guide-th/8Tht7UFF5i6uGD4ryhiNI
docTags: 
createdAt: 2024-09-02T08:34:13.135Z
---

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

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

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

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

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

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-Wz2C2dqGFGqCbVVSSIPMd-20240904-102425.png)

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

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

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

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

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-O4iKxlFAR1PnhIB3tihQo-20240904-102425.png)



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



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

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-wuTuSReoqVNrJL8dKL9Be-20240904-102424.png)



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

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-Rs2UaG2rdrjme7GvMZ7Ci-20240904-102424.png)



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

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

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

| 1  | แท็บผู้ติดตาม    | กลุ่มแท็บผู้ติดตาม                                    |
| -- | ---------------- | ----------------------------------------------------- |
| 2  | แท็บที่ติดตาม    | กลุ่มแท็บที่ติดตาม                                    |
| 3  | เลื่อน           | มุมมองเลื่อนรายชื่อเพื่อน                             |
| 4  | ภาพว่างเปล่า     | ภาพที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า                 |
| 5  | ตัวโหลด          | ภาพที่แสดงในขณะที่กำลังโหลดรายชื่อเพื่อน              |
| 6  | ปุ่มปิด          | ปุ่มสำหรับปิดป๊อปอัพรายชื่อเพื่อน                     |
| 7  | ชื่อเรื่อง       | ชื่อเรื่องสำหรับป๊อปอัพรายชื่อเพื่อน                  |
| 8  | ผู้ติดตาม        | ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงผู้ติดตาม |
| 9  | กำลังติดตาม      | ข้อความปุ่มสำหรับแสดงสถานะที่เปิด/ซ่อนของแผงที่ติดตาม |
| 10 | ข้อความว่างเปล่า | ข้อความที่แสดงเมื่อรายชื่อเพื่อนว่างเปล่า             |
| 11 | แผง              | แผง UI ทั้งหมด                                        |

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-f_av14jLQGwf9i4eoDQKa-20240904-102425.png)



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

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

| 1 | ชื่อการดู       | ข้อความชื่อผู้ใช้     |
| - | --------------- | --------------------- |
| 2 | ดูโปรไฟล์       | ภาพโปรไฟล์ผู้ใช้      |
| 3 | ปุ่มติดตาม      | ปุ่มติดตามผู้ใช้      |
| 4 | ปุ่มเลิกติดตาม  | ปุ่มเลิกติดตามผู้ใช้  |
| 5 | ดูเหรียญ        | ภาพไอคอนเหรียญ        |
| 6 | ดูเหรียญต้อนรับ | ภาพไอคอนต้อนรับ       |
| 7 | ดูติดตาม        | ข้อความปุ่มติดตาม     |
| 8 | ดูว่าติดตามอยู่ | ข้อความปุ่มเลิกติดตาม |

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-wgpc9WgekaAgCz8nEB1NY-20240904-102425.png)



:::hint{type="success"}
👍 **เคล็ดลับ**

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



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

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

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

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ld8TafVCthzl4LCNJOgBE-20240904-102425.png)

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