본문 바로가기
728x90

유니티/UI(User Interface)9

유니티 UI 렉트 트랜스폼 (RectTransform) 1. RectTransform UI 요소 역시 게임 오브젝트이다. 대신 UI 요소들은 RectTransform을 가진다. 큐브 같은 게임 오브젝트는 Transform을 가진다. RectTransform을 이용해, Canvas상에 위치, 크기 등을 설정한다. RectTransform은 Transform과 같이 Scale, Rotation, Position을 가지며, 여기에 추가적으로 Width, Height 등도 있다. UI 요소 또한 프리 팹(Prefab) 화가 가능하다. 1.1. Anchors 부모 UI를 기준으로 위치를 설정하며, UI는 부모를 기준으로 위치가 고정된다. 앵커의 포지션은 부모 사각형의 폭과 높이에 대한 비율(퍼센트)로 정의한다. 앵커의 포지션은 부모 사각형의 폭과 높이에 대한 비율(또.. 2020. 11. 24.
유니티 UI 레이아웃 그룹 ( Layout Group) 1. Vertical Layout Group Vertical Layout Group은 세로로 하위 요소들을 정렬한다. 1.1 속성 Padding : Left , Right, Top, Bottom 값을 가지며, Layout Group을 추가한 UI 게임 오브젝트와 하위 요소들 사이의 간격을 조절하는 값이다. Spacing : 하위 요소들 사이의 간격 값이다. Child Alignment : 하위 요소들을 배치할 때, 정렬 기준이다. Control Child Size : 하위 요소들의 너비(Width)와 높이(Height)를 제어할지를 설정한다. Vertical Layout Group에서, 너비는 부모와 일치되며, 부모의 크기에 맞추어 높이는 줄어들거나, 커진다. Use Child Scale : 하위 요소들.. 2020. 11. 24.
유니티 UI 속성 (Scroll bar, Scroll View) 유니티 UI 속성 ( Scroll bar, Scroll View) 그리고 Scroll Rect 컴포넌트 1. Scroll bar 한 번에 보여주기 어려운 콘텐츠를 나누어 보여주기 위한 UI 요소이다. 컴퓨터를 사용한 작업을 하다 보면 스크롤바를 한 번쯤 보았을 것이다. 크기가 큰 그림이나, 리스트 형식으로 정보를 보여줄 때 나누어서 보여주기에 유용하다. 스크롤바는 켄텐츠를 보여주기 위한 UI 요소가 아니다. 콘텐츠를 컨트롤하기 위한 컨트롤러이다. 1.1 속성 공통 속성 Interactable : 사용자로부터의 입력을 받을 것인지 설정한다. 선택이 해제되면, 사용자의 입력을 받지 않는다. Transition : None, Color Tint, Sprite Swap, Animation의 네 가지의 옵션이 있.. 2020. 11. 17.
유니티 UI 속성(Slider, Dropdown, Toggle, Toggle Group) Slider : 막대 형태로 값을 표시하는 UI 요소이다. Dropdown : 선택형 UI 요소로 리스트 형태로 각 항목들을 보여준다. Toggle : 체크박스 형태의 UI 요소이다. 다른 UI 시스템에서는 체크박스(Checkbox)이다. 1. Slider 이미지의 Slide 옵션을 사용하여 만들어진 UI 요소이다. 막대 형태로 값을 나타내는 데 사용한다. 1.1 공통속성 Interactable : 사용자로부터의 입력을 받을 것인지 설정한다. 선택이 해제되면, 사용자의 입력을 받지 않는다. Transition : None, Color Tint, Sprite Swap, Animation의 네 가지의 옵션이 있다. 색상, 스프라이트, 애니메이션 중 선택한 옵션을 사용해, 선택과 같은 이벤트의 발생을 시각적으.. 2020. 11. 16.
728x90

티스토리툴바