Cache UI Sprite Image

UGUI의 스프라이트 이미지를 웹의 이미지로 바ㅤㄲㅝㄴ 후 캐싱해본다.

1. 웹의 이미지로 UI 스프라이트 이미지 바꾸기

MyTest.cs 파일을 Image 컴포는트가 있는 게임오브젝트의 컴포넌트로 추가한다.

MyTest.cs 파일

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class MyTest : MonoBehaviour
{
    WWWCache wwwCache = new WWWCache();
    void Start()
    {
        StartCoroutine(LoadImage("image/default01"));
    }

    IEnumerator LoadImage(string textureName)
    {
        Image image = this.GetComponent<Image>();
        if (image == null)
            yield break;

        WWW www = new WWW("http://www.sisakorea.kr/imgdata/sisakorea_kr/201308/2013082122101407.jpg");
        yield return www;

        if (string.IsNullOrEmpty(www.error) == false)
        {
            image.sprite = Resources.Load<Sprite>(textureName);
            yield break;
        }

        if (www.isDone)
        {
            //Texture2D texture = new Texture2D(www.texture.width, www.texture.height, www.texture.format, false);
            Texture2D texture = new Texture2D(512, 512, TextureFormat.ETC_RGB4, false);
            www.LoadImageIntoTexture(texture);

            Rect rec = new Rect(0, 0, texture.width, texture.height);
            image.sprite = Sprite.Create(texture, rec, new Vector2(0.5f, 0.5f), 100);
        }

        www.Dispose();
        www = null;
    }
}

이미지 컴포넌트의 받아서 스프라이트를 바꾸는 코드는 다음과 같다.

//Texture2D texture = new Texture2D(www.texture.width, www.texture.height, www.texture.format, false);
Texture2D texture = new Texture2D(512, 512, TextureFormat.ETC_RGB4, false);
www.LoadImageIntoTexture(texture);

Rect rec = new Rect(0, 0, texture.width, texture.height);
image.sprite = Sprite.Create(texture, rec, new Vector2(0.5f, 0.5f), 100);

텍스쳐를 원본 그대로 출력할수 있지만 이미지 크기와 포맷을 변경도 가능하다.

2. 이미지 캐싱하기

https://gist.github.com/asus4/2301758 소스를 한줄 수정하였다.
에디터와 안드로이드에서 테스트 하였다.

WWWCahche.cs 파일

using UnityEngine;
using System;
using System.Collections;
using System.IO;

/// <summary>
///    Defalult WWW.LoadFromCacheOrDownload() can use only AssetBundle
///    this eneble chaching any file.
/// </summary>
public class WWWCache {

    string strToBase64(string str) {
        byte[] byt = System.Text.Encoding.UTF8.GetBytes(str);
        return Convert.ToBase64String(byt);
    }

    string base64ToStr(string base64) {
        byte[] b = Convert.FromBase64String(base64);
        return System.Text.Encoding.UTF8.GetString(b);
    }

    string urlToCachePath(string url) {
        return Application.persistentDataPath +"/"+ strToBase64(url);
    }

    public bool HasCache(string url) {
        return File.Exists(urlToCachePath(url));
    }

    public void WriteCache(WWW www) {
#if !UNITY_IOS
        File.WriteAllBytes(urlToCachePath(www.url), www.bytes);
#endif
    }

    public string CacheUrl(string url) {
        string path = urlToCachePath(url);
        if(File.Exists(path)) {
            return "file:///" + path;
        }
        Debug.LogWarning("dont have cache url:"+url);
        return "";
    }
}

IOS는 Documents 폴더에 필요없는 쓰기를 하면 검수를 통과 못한다는 정보가 있어서 파일 쓰기를 안했다. (확실한 정보인지 모르겠다)

로컬에서 파일을 읽을때 "file:///"로 읽어야 제대로 읽을수 있다.

MyTest.cs 파일

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class MyTest : MonoBehaviour
{
    WWWCache wwwCache = new WWWCache();
    void Start()
    {
        StartCoroutine(LoadCacheImage());
    }

    IEnumerator LoadCacheImage()
    {
        string url = "http://www.sisakorea.kr/imgdata/sisakorea_kr/201308/2013082122101407.jpg";

        Image image = this.GetComponent<Image>();
        if (image == null)
            yield break;

        string cacheUrl = wwwCache.CacheUrl(url);
        if (string.IsNullOrEmpty(cacheUrl) == false)
            url = cacheUrl;

        WWW www = new WWW(url);
        yield return www;

        if (string.IsNullOrEmpty(www.error) == false)
            yield break;

        if (www.isDone)
        {
            if (string.IsNullOrEmpty(cacheUrl) == true)
                wwwCache.WriteCache(www);

            Debug.Log("<<< Cache image Show!!!");
            Texture2D texture = new Texture2D(512, 512, TextureFormat.ETC_RGB4, false);
            www.LoadImageIntoTexture(texture);

            Rect rec = new Rect(0, 0, texture.width, texture.height);
            image.sprite = Sprite.Create(texture, rec, new Vector2(0.5f, 0.5f), 100);
        }

        www.Dispose();
        www = null;
    }
}

cacheUrl이 있으면 로컬 파일명을 www로 넘겨주고 없으면 wwwCache.WriteCache로 저장한다.

참고)
https://gist.github.com/asus4/2301758
http://gods2000.tistory.com/m/entry/Unity3D-외부-이미지-다운로드-후-png-파일-저장-하는-방법
https://docs.unity3d.com/ScriptReference/Texture2D.LoadImage.html
http://iw90.tistory.com/74