728x90 분류 전체보기55 유니티 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 이벤트(Event) 1. 이벤트 시스템 (EventSystem) 이벤트 시스템(EventSystem)은 씬에서 입력(Input), 레이 캐스트(Raycast), 전송 이벤트 처리 등을 담당한다. UI를 생성하면, 이벤트 시스템이 함께 생성된다. 이벤트 시스템은 모듈 간의 통신 관리자 및 진행자로 설계되어, 이벤트 시스템을 직접적으로 사용하여 이벤트 처리를 하지 않는다. 2. UI 이벤트 처리유니티는 다양한 이벤트를 처리하기 위한 인터페이스를 제공하며, 이벤트가 발생하면 호출이 되도록 구성한다. 클릭, 키보드 입력, 터치 등이 이벤트이다. 2.1 UI 이벤트 처리 - 상호작용 컴포넌트 UI 요소 중에서 상호작용이 가능한 요소들이 있다. 버튼( Button ), 토글(Toggle) and 토글 그룹( Toggle .. 2020. 11. 23. 유니티 UI 리스트 뷰 (List View) 1. 리스트 뷰데이터 목록을 나열하여 보여주는 뷰이다. 대부분의 시스템에서 기본으로 제공하는 뷰이다. 유니티에서는 스크롤 뷰를 제공하며, 이를 수정하여 리스트 뷰를 만든다. 게임에서 필수적으로 존재하는 인벤토리도 리스트 뷰 형식이다. 2. Scrollbar를 사용한 리스트 뷰 만들기 Scrollbar를 사용하여 이미지 목록을 보여주도록 리스트 뷰를 구성한다.2.1 UI 구성 Canvas → Panel(Scroll Example)을 만든다. Canvas와 Panel의 크기는 같다. 패널은 ListView를 여러 개 만들 경우 사용할 부모 패널이다. Canvas → Panel → Panel(List View)를 생성한다. List View의 Anchor Presets을 센터로 한다. Wi.. 2020. 11. 18. 유니티 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. 이전 1 2 3 4 5 6 7 ··· 14 다음 728x90