[구현] 유니티로 쉽게 인벤토리 구현하기 1

인벤토리에 넣어야 하는 아이템 개수가 아주 많지는 않을 경우 좋은 방법인 것 같다.

 

1. 아이템 정보 json저장

영어판을 겨냥하여 이렇게 썼는데 꼭 이렇게 안해도 된다

[
  {
    "Item": [
      {(첫번째 아이템의 정보)
        "ID": (고유번호),
        "Name": [
          { "KOR": (한글이름) },
          { "ENG": (영어이름) }
        ],
        "Detail": [
          { "KOR": (한글 설명) },
          { "ENG": (영어 설명) }
        ],
        "Price" :  (가격)
      },

      {(두번째 아이템의 정보)},

      ...

      ]

   },

   {
    "Hair": [
      {(첫번째 머리의 정보)},

      {(두번째 머리의 정보)},

      ...

      ]

    }

    {

     "Outfit": [

      {(첫번째 의상의 정보)},

      {(두번째 의상의 정보)},

      ...

      ]

    }

꼴이다.

 

2. 아이템/ 머리/ 의상 개수 & 보유 여부 저장

이건 파일을 가져오는 것 뿐 아니라 저장도 가능해야 하므로 저장할 클래스를 만들었다.

아이템은 개수 저장하는 방식이 머리,의상과 다른데 머리, 의상은 거의 흡사하므로

(이이템은 샀던 거 또 살 수 있는데 머리, 의상은 안됨)

아이템 따로, 머리 의상은 배열로 구현했다.(같은 코드 두번 쓰기 싫어서)

 

형태는

{
  "itemCounts": [ (첫 번째 아이템 보유 개수), (두 번째 아이템 보유 개수),  ... ],
  "have": [
    { "haveList": [ (첫 번째 머리 보유 여부), (두 번째 머리 보유 여부), ... ] },
    { "haveList": [ (첫 번째 의상 보유 여부), (두 번째 의상 보유 여부), ...  ] }
  ]
}

이렇게 저장했다.

 

근데, 다중배열을 사용하면 json파일 만들 때 오류가 난다.

그때 어떻게 했는지 도저히 기억이 안나서 대충 이럴것이다~ 추측해보면

(똑같이 구현해볼려고 해봤는데 잘 안된다...)

{
  "itemCounts": [ 0, 0, 0, 0, 0, 0 ],
  "have": [
    {[ false, false, false, false, false ]},
    {[ false, false, false, false, false, false, false, false, false, false, false ]}
  ]
}

이런 식으로 저장이 되었던 것 같다.!!!확실하진 않음!!!

어쨌든 저장 자체가 읽어 올 수 없는, 오류나는 방식으로 저장이 되어서

어떻게 됐던 중요한건, 클래스를 사용해서 클래스의 배열로 만들었다.

[System.Serializable]
public class ItemCount
{
    public int[] itemCounts;
    public Have[] have;

    public ItemCount(int itemNum, int hairNum, int outfitNum)
    {

        int[] itemCounts = new int[itemNum];
        bool[] hairHave = new bool[hairNum];
        bool[] outfitHave = new bool[outfitNum];

        for (int i = 0; i < itemNum; i++)
            itemCounts[i] = 0;
        for (int i = 0; i < hairNum; i++)
            hairHave[i] = false;
        for (int i = 0; i < outfitNum; i++)
            outfitHave[i] = false;

        this.itemCounts = itemCounts;

        have = new Have[2];
        have[0] = new Have(hairHave);
        have[1] = new Have(outfitHave);

    }

    public void SetItemCount(ItemCount itemCount)
    {
        itemCounts = itemCount.itemCounts;
        have = itemCount.have;
    }

}

[System.Serializable]
public class Have
{
    public bool[] haveList;
    public Have(bool[] _haveList)
    {
        haveList = _haveList;
    }
}

다중배열로 만들지 않고, 클래스의 배열로 만들어 저장할 배열을 클래스 안으로 넣어버렸다.

이렇게 하면 배열 안의 배열로 키 붙어서 예쁘게 저장이 된다.

다만 의상과 헤어가 같은 클래스를 사용하기 때문에 배열 이름은 바꿀 수 없게 되긴 했다...

[System.Serializable]는 저장할 클래스는 붙여주어야 한다고 한다.

{
  "itemCounts": [ 0, 0, 0, 0, 0, 0 ],
  "have": [
    { "haveList": [ false, false, false, false, false ] },
    { "haveList": [ false, false, false, false, false, false, false, false, false, false, false ] }
  ]
}

3. 얘네 Json으로 불러오기

public class ItemSaveLoad : MonoBehaviour
{

    private JsonData itemInfoList;
    private ItemCount itemCountInfoMain;

    public void Awake()
    {
        itemInfoList = ItemInfoLoad();
        int itemCountNum = itemInfoList[0][0].Count;
        int hairCountNum = itemInfoList[1][0].Count;
        int outfitCountNum = itemInfoList[2][0].Count;

        itemCountInfoMain = new ItemCount(itemCountNum, hairCountNum, outfitCountNum);

    }

   ...

    //아이템 정보 로드
    public JsonData ItemInfoLoad()
    {
        TextAsset tempGoodsJsonString = Resources.Load<TextAsset>("ItemList");
        itemInfoList = JsonMapper.ToObject(tempGoodsJsonString.ToString());
        return itemInfoList;
    }

    public JsonData GetJsonData()
    {
        return itemInfoList;
    }

    //아이템 개수 로드
    public void ItemCountInfoLoad()
    {
        if (File.Exists(FilePath.savePath  +"/ItemCount.json"))
        {
            string tempCountJsonString = File.ReadAllText(FilePath.savePath  +"/ItemCount.json");
            ItemCount tempCountData = JsonUtility.FromJson<ItemCount>(tempCountJsonString);
            itemCountInfoMain.SetItemCount(tempCountData);
        }
        else
            return;
    }

    public void CountSave()
    {
        string tempCountJsonString = JsonUtility.ToJson(itemCountInfoMain);
        File.WriteAllText(FilePath.savePath + "/ItemCount.json", tempCountJsonString);
    }

    public ItemCount GetItemCount()
    {
        return itemCountInfoMain;
    }

    public void UpdateItemCount(ItemCount count)
    {
        itemCountInfoMain.SetItemCount(count);
    }

    public void SaveUpdate(ItemCount count)
    {
        UpdateItemCount(count);
        CountSave();
        ItemCountInfoLoad();
        GetComponent<LoadItems>().Refresh();
    }
}

불러오고 저장하고 다 하는 클래스이다.

LitJson을 사용했으며(using LitJson 꼭 써줘야 한다!)

나 같은 경우는 여기에 있는 itemCountMain과 itemInfoList에 아이템 정보 불러온거 저장 해 놓고,

다른 스크립트에서도 이 변수들의 값을 가져다가 썼다.

 

 

4. 인벤토리 세팅하기

아이템은 여러종류니까! 인덱스 버튼과

슬롯이 들어갈 박스를 만든다.

그리고 박스 안에 아이템 슬롯들이 들어갈 자리인 Scroll View를 만든다.

스크롤 뷰 사이즈 조절하는 게 머리 아픈데

구글링 하셔서 잘 맞춰보세요

 

content까지는 기본적으로 Scroll View를 만들면 생성되는 것인데

저 content 밑 slot에 미리 만들어 놓은 아이템 슬롯들이 들어갈 예정이다.

slot은 grid layout으로 되어있어 들어가기만 하면 된다.

 

우리는 인벤토리를

미리 만들어놓은 아이템 슬롯들 중

인벤토리 화면에 들어와야 하는 것만

SetParent를 이용해 slot 밑으로 들어가게 되는 방식으로 구현한다.

그럼 아이템 슬롯들을 만들어 보자!

 

5. 아이템 Object 설정

모든 아이템을 오브젝트로 만들어놓는다.

그리고 보기 좋게 카테고리 별로 묶는다.

한 아이템 오브젝트 안에는

• Item id가 있는 ItemInfo 스크립트,
• 아이템의 아이콘(image로 대체 가능),
• 보유한 아이템 개수를 나타낼 동그라미

가 들어있다.

여기 버튼 누르면 실행되는 함수는 누르면 아이템을 사용할 수 있도록 챙겨들어갈 수 있는 함수이다. (이 포스팅의 맥락과 다른 내용이니 무시 가능)

 

위치는 한 -1000정도로 멀리 멀리 보내서 우리 스크린에만 안 보이게 하도록 한다.

 

여기까지 사전 준비 끝! 다음 포스트에서는 인벤토리 코드를 구현하도록 하겠다.