UI 와이어프레임 적용 및 리소스 적용, 파츠 UI 정리와 사용방법 서술

[dayoff53]

UI 와이어프레임 적용 및 리소스 적용, 파츠 UI 정리와 사용방법 서술

설명

• 와이어프레임 문서를 바탕으로 기능 구현 작업과 병행하여 리소스를 적용하였습니다.

---

기존 문제점

• 이전 dev에서는 와이어프레임 작성 도중 이전 리소스들이 전부 삭제되어 대부분의 UI가 깨지는 현상이 발생하였습니다.

---

변경 사항

• 깨진 UI 리소스 적용 및 와이어 프레임에 알맞추어 UI 위치 변경 및 추가된 기능 구현

---

개선 예정 사항

• API문서 피드벡 받고 수정하고 싶습니다.
• UI관련 연출 기능 구현

---

테스트

https://github.com/Team-Futurity/Futurity/assets/42767781/df3f24df-41aa-4ece-82f5-f6805265905e

• 이전 시연 영상과는 달리 PartsSettingWindow에 값이 할당되지 않습니다. 이는 테스트용 스크립트를 제거하였기 떄문으로 병현님꺠서 작업하신 부품 시스템과 연동해서 사용해주시면 감사드리겠습니다

---

사용법

클래스

• 해당 클래스는 PartsSelectionWindow의 PlayingUI의 PartsSelectionWindow에 위치하고 있습니다.
• PartsSelectButton은 UI에서 부품/아이템의 표시 및 선택을 처리하는 기능을 제공하는 Unity 컴포넌트입니다.
• WindowOpenController은 특정 Window를 열때 사용하는 스크립트입니다. PartsSettingWindow를 열어서 사용해주시면 감사하겠습니다.
• PartsSelectButton의 사용 방법은 두가지 과정이 있으며, 해당 UI를 불러왔을때 SetItemUIData()로 ItemUIData를 넣고 GetItemUIData()를 사용해서 해당 버튼을 눌렀을때 값을 전달하면 됩니다.

메서드

• 매개변수 -

• ItemUIData itemUiData - 아이템 정보가 담긴 스크립터블 오브젝트입니다. 해당 변수는 SetItemUIData()을 함수를 통햐여 값을 할당 받습니다.

• TextMeshProUGUI partsNameText - 아이템 이름을 표시할 TextMeshProUGUI 오브젝트입니다.

• TextMeshProUGUI partsMenualText - 아이템 설명을 표시할 TextMeshProUGUI 오브젝트입니다.

• GameObject partsSpriteObject - 아이템 Image를 포함할 GameObject입니다.

• 기능

  • void SetItemUIData(ItemUIData newItemUIData) - 새로운 ItemUIData를 itemUiData에 할당하고 새 아이템을 반영하여 부품을 표현하기 위한 각 변수들을 업데이트합니다.

• 반환

  • void GetItemUIData - 새로운 ItemUIData를 itemUiData에 할당하고 새 아이템을 반영하여 부품을 표현하기 위한 각 변수들을 업데이트합니다.

-관련 문서

• https://www.notion.so/PartsSelectButton-5b17b7d772b6482fa1508fbad840bb28