---
title: ไอคอนรายการดาวน์โหลดภาพขนาดย่อ API
slug: world-sdk-guide-th/DJUj-api
docTags: 
createdAt: 2024-09-02T08:34:13.134Z
---

แพ็คเกจ ZEPETO.Module ช่วยให้คุณดาวน์โหลดพื้นผิวภาพขนาดย่อสำหรับรายการ ZEPETO ได้

โดยการดาวน์โหลดภาพขนาดย่อของรายการแบบไดนามิก คุณสามารถช่วยลดขนาดของแพ็คเกจการสร้างของคุณได้



## ขั้นตอนที่ 1 : การติดตั้ง

กรุณาติดตั้ง Window → Package Manager → ZEPETO.World Package 1.21.14 หรือเวอร์ชันที่ใหม่กว่าก่อน

หลังจากนั้น กรุณาติดตั้งแพ็คเกจ ZEPETO.Module

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



## ขั้นตอนที่ 2 : UI > การเพิ่มภาพ

1. เราต้องเพิ่มคอมโพเนนต์ภาพลงในฉากที่จะใช้แสดงภาพขนาดย่อ กรุณาเพิ่ม Hierarchy > UI > Raw Image
2. ตั้งค่าความกว้างและความสูงให้มีขนาดเท่ากัน



## ขั้นตอนที่ 3 : เขียนสคริปต์

1. สร้างลำดับชั้น > สร้างวัตถุเปล่าและเปลี่ยนชื่อเป็น DownloadThumbnail
2. สร้างโปรเจกต์ > สร้าง > ZEPETO > TypeScript และเปลี่ยนชื่อเป็น DownloadThumbnailSample.
3. เขียนสคริปต์ตัวอย่างตามที่แสดงด้านล่าง.

```typescript
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { ShopService } from 'ZEPETO.Module.Shop';
import * as UnityEngine from 'UnityEngine';
import { RawImage } from 'UnityEngine.UI';
 
export default class DownloadThumbnailSample extends ZepetoScriptBehaviour {
 
    public image : RawImage;
    public itemCode : string;
     
    Start() {
        this.StartCoroutine(this.DownloadItemTexture());
    }
     
    *DownloadItemTexture()
    {
        // ดาวน์โหลดพื้นผิวภาพขนาดย่อสำหรับรหัสรายการที่ระบุ
        var request = ShopService.DownloadItemThumbnail(this.itemCode);
         
        yield new UnityEngine.WaitUntil(()=>request.keepWaiting == false);
         
        if(request.responseData.isSuccess)
        {
            this.image.texture = request.responseData.texture;
        }
    }
 
}
```



4\. หลังจากที่คุณเขียนสคริปต์เสร็จแล้ว ให้เพิ่มสคริปต์ DownloadThumbnailSample ลงในวัตถุ DownloadThumbnail.

5\. กำหนดภาพให้กับตัวตรวจสอบสคริปต์และป้อน itemCode.

:::hint{type="info"}
**📘 **กรุณาอ้างอิงไปที่คู่มือหุ่นจำลองเกี่ยวกับวิธีการตรวจสอบ itemCode.\[[ZEPETO Mannequin](docId\:Jp7d0wGm6ZT9ejYI682l_)]
:::

6\. กดปุ่ม \[▶︎(เล่น)] เพื่อดำเนินการ และคุณควรเห็นภาพขนาดย่อของรายการในภาพที่คุณตั้งค่าไว้.

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