본문 바로가기

유저 인터페이스35

Qt Designer를 한번 살펴보기 안녕하세요? 계속해서 이어지고 있는 이 무모한 도전에서 우선 Qt Designer라는 것에 대해서 잠시 살펴봐야할 필요가 생겨서 한번 이번 포스팅에서 간단하게 살펴보고 넘어 가고자 합니다. Qt Designer는 제가 처음에는 따로 설치해야 하는 줄 알았습니다만, 그렇지는 않고 PyQt5를 설치해 놓으면 자동으로 설치가 되는 것 이었습니다. 위 스크린샷처럼 아나콘다3의 Library속의 bin폴더 안에서 'designer'라는 이름의 파일이 있는데, 이게 바로 Qt Designer를 실행 시키는 파일입니다. 먼저 실행을 시키면, 어떤 형식의 윈도우를 만들 것인지, 한마디로 기본적인 형태의 유저 인터페이스를 만들 것인지를 선택할 수 있습니다. 일단 처음으로 실행시키고 나서 나오는 화면입니다. 이 화면에서는.. 2018. 11. 19.
유니티5 독학하기 그 62번재 걸음-UI디자인하기 part1 안녕하세요? 어느덧 유니티5.x와 함께하는 C# 첫걸음 이라는 책도 거의 다 끝나가서, 이제는 전체 13챕터중에 12챕터를 다 읽어보고 실습하는 데 성공하였습니다. 그래서 이번 포스팅에서는 빨리 지나간다고 해서 12챕터를 다 하고 싶었지만, 너무 내용이 길어서 하는 수 없이 두 부분으로 잘라야 했습니다. 이번 포스팅에서는 NGUI없이 그냥 유니티5내에 있는 UI를 디자인하는 작업을 하였고, 그 내용을 포스팅 하고자 합니다. 먼저 UI와 그 자식 오브젝트인 MenuCanvas라는 게임 오브젝트를 생성하도록 합니다. 그리고 나서 MenuCanvas에서는 Canvas라는 컴포넌트를 추가한 이후의 모습입니다. 위에 있는 Rect Transform이라는 것은 자동으로 따라 왔습니다. 먼저 Canvas컴포넌트의 R.. 2018. 8. 3.
유니티5 독학하기 그 39번째 걸음-칩터3의 시작, 버튼 변화와 게임종료 구현 안녕하세요? 드디어 벼르고 벼르다가 NGUI에 관련된 책의 챕터3를 들어가고자 합니다. 이번 포스팅에서는 메인 메뉴의 메뉴 버튼위에 커서가 있으면, 버튼의 크기가 변하도록 설정을 하도록 하고, 다음으로는 게임종료 버튼을 구현한 내용을 포스팅 하고자 합니다. 먼저 Main이라는 UI Root 아래에 있는 게임 오브젝트의 위 스크린샷에 보이는 비활성화 된 부분을 다시 활성화를 시키도록 합니다. 그리고 이전까지 활성화가 되어 있던 UI Root의 Options 게임 오브젝트의 활성화 체크를 도로 끄도록 합니다. 이제 UI Root아래에 있는 Buttons의 자식 오브젝트인 play, Options, Exit등을 shift키를 눌러서 동시에 선택을 하도록 합니다. Add Component라는 항목을 눌러서, B.. 2018. 5. 15.
유니티5 독학하기 그 38번째 걸음-겨우 해결한 메인 옵션 메뉴의 반응 안녕하세요? 지금까지 제가 메인 화면이나 옵션 메뉴를 눌러 보아도 팝업 메뉴 같은게 전혀 반응을 하지 않았는데, 이게 처음에는 제가 스크립트를 작성하지 않아서 이러는 줄 알았는데, 다시한번 책을 훑어 보니까, 미처 제대로 설정해 놓지 않은 것이 있어서 이런 문제가 발생한 것이였습니다. 이번 포스팅에서는 이 놓쳤는 문제에 대해서 한번 다루어 보도록 하겠습니다. 먼저 UI Root라는 최상위 오브젝트를 클릭하도록 하겠습니다. 여기서 UI Root라는 Inspector뷰에 있는 매개변수들을 조작화도록 하는데, 우선 Scaling Style을 Constrained로 지정을 하고 나서, Content Width와 Content Height를 각각 1920과 1080으로 바꾸어 주도록 합니다. 다음에는 Edit메뉴.. 2018. 5. 14.