VV 1. 로그인 UI

VV

로그인 UI

언리얼 엔진의 프로젝트를 본격적으로 포스팅 해보려고 한다.

이번 목표는 로그인 UI를 만드는 것이다.

Unity에서 쉽게 panel을 이용했던 것과는 다르게 좀 언리얼은 복잡해서 다른 여러 블로그를 참조하면서 진행했다.

Ctrl+Space 를 통해 Content Browser를 열고, 빈 곳에서 우클릭을 통해 User Interface → Widget Blueprint를 눌러줘서 생성해주었다.

User Widget을 눌러서 생성해주었다.

이런 창이 열리게 되는데 화살표 버튼을 드래그 해보면 화면 영역이 나타나게 된다.

여기서 만드려고 하는 화면 비율을 따라서 선택해주면 된다.

나는 1920x1080으로 선택했다.

옆의 Palette를 통해서 원하는 UI를 드래그 드롭시켜주었다.

간단하게 만든 텍스트 박스와 로그인 버튼을 만들었다..

여기서 바로 렌더링 되는게 아니라 블루프린트 설정을 해야한다.

Open Level Blueprint 버튼을 눌러서 Level Blueprint를 열어주고, 아래 와 같이 Blueprint를 구성하면 화면에 UI가 렌더링된다.

Class에 방금 작업한 Widget Blueprint를 넣어준다.

이후 반환된 값이 3번째 노드의 Target으로 들어가면 된다.

이런식으로 실행화면이 구성된다.