본문 바로가기

728x90

Unity/UI(User Interface)10

유니티 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.

유니티 UI 속성 (Image & RawImage) 1. Image이미지는 UI 시스템에서 스프라이트를 렌더링 하는 UI 요소이다. UI 시스템은 레이어 시스템이다. 우선순위를 두거나, 이미지의 변경이 필요한 경우 사용한다. 하지만 스프라이트는 텍스쳐보다 메모리를 더 많이 사용하고, 처리하는데 시간이 걸린다. ※ 씬에서는 스프라이트 렌더러를 사용하여, 스프라이트를 렌더링합니다. 1.1 속성1.1.1 공통속성Color : 색상을 설정한다.Material : 머티리얼을 설정한다.Raycast Target : 레이 캐스팅 사용 유무. 체크(✓)는 레이 캐스팅을 허용한다. Maskable : 마스크에 영향을 받을지 받지 않을지를 선택한다. 체크(✓)는 기본으로 허용 1.1.2 ImageTypeImageType - Simple단일 스프라이트만 사용한다. .. 2020. 11. 15.

유니티 UI Mask 1. 마스크 ( Mask ) 유니티 UI 시스템은 계층 구조를 가지고 있다. Mask 컴포넌트는 특정 영역을 설정하여, 나머지 부분을 가리는 데 사용된다. 영화 007시리즈의 오프닝 부분을 기억하는가? 마스크를 설명하기 위해 떠올린 것이 영화 007의 위 스크린샷 부분이다. 모든 부분이 가려진 가운데에 주인공이 나오는 장면이다. 영화와 같은 효과를 만들어주는 것이 마스크다. 마스크는 마스크로 설정된 영역만 보여준다. 아래의 이미지는 마스크가 해제된 상태이다. 위의 샘플에 마스크를 적용하면 아래와 같다. 마스크의 하위 요소의 실제 크기는 마스크 영역보다 크다. 계층구조는 Panel(회전 물결 이미지) - Mask(동그란 영역) - Image( 캐릭터 이미지) 이다.계층 구조에서 마스크가 설정된.. 2020. 11. 14.

유니티 UI 속성 (Panel, Button, Text, Input Field) 1. 이벤트와 레이 캐스팅 (Event & Raycast)사용자로부터의 이벤트는 이벤트 시스템에 의해 관리되며, 이벤트가 발생하는 것은 스크린 영역에서 발생한다. 레이 캐스팅은 스크린 영역에서 월드로 레이(광선)를 발사해 대상 오브젝트에 이벤트를 처리하도록 한다. UI 요소는 Interactable 또는 Raycast Target이라는 속성이 있다. Raycast Target을 승인하지 않을 경우에는 해당 UI 요소는 이벤트를 처리하지 않는다.2. 마스크( Mask )Mask 컴포넌트는 특정 영역을 마스크로 설정하여, 나머진 부분을 가리는데 사용된다. 이미지와 같은 그래픽적 특성을 가지는 UI 요소는 Maskable 속성을 가지고 있다.Maskable 속성의 기본 값은 체크된 상태이다. Maskable .. 2020. 11. 13.

이전 1 2 3 다음

728x90

티스토리툴바