목록UI (4)
안 쓰던 블로그
맨 왼쪽 박스를 클릭하면 가운데에서 확대되는 기능을 만들려고 한다 박스에는 Image와 Button이 붙어 있다 UI의 경우 Canvas밑에 위치하게 되고 Canvas는 설정에 따라 다르지만 보통 메인 카메라의 바로 앞에 놓여진다 그래서 UI 오브젝트의 width나 height 속성을 변경하는 방법은 일반적인 게임 오브젝트와는 조금 다르다 UI 오브젝트는 Rect Transform 컴포넌트를 가지고 있는데, 이 컴포넌트의 width와 height을 조정하는 것으로 크기 변경이 가능하다 public void clickIDCard() { RectTransform rectTran = gameObject.GetComponent(); rectTran.SetSizeWithCurrentAnchors(RectTrans..
기본 안드로이드 프로젝트를 만들고 res->layout에 들어간 화면입니다 빨간색으로 표시되어 있는 부분이 전부 뷰 컴포넌트 입니다 뷰 컴포넌트: 화면을 그리는 요소 (글, 이미지, 버튼.. 등등) 만약에 이렇게 버튼을 끌고 와 붙이고 에뮬레이터를 실행시켜 보면 화면에 버튼이 나옵니다 근데 이런 드래그 앤 드랍 방식으로 화면을 구성하는 것은 매우 어렵습니다 실행시켜 보면 알겠지만 분명 버튼을 중앙에 끌고 왔지만 실제로는 왼쪽 북동쪽 끝에 붙어 있습니다 이걸 하나씩 이동 시켜 주기 위해서는 직접 코딩하는 것보다 더 많은 노력이 필요합니다 그래서 보통은 xml를 타이핑 해서 작성하고, 이 탭은 뷰 컴포넌트의 종류를 알고 싶을 때 등에만 사용하게 됩니다 여기에서 code를 눌러서 탭을 전환합니다 일단 저 코드..
안드로이드에서 화면을 그릴 때는 XML을 이용한다 XML이란? DSL 언어(Domain Specific Language) Domin-범주 즉, 어떤 범주에 특화되어 있는 언어=>안드로이드에서의 XML은 안드로이드UI를 그리기 위해 특화된 언어이다 근데 핸드폰마다 화면 크기가 다 다른데 어떻게 화면을 그려야 할까? 먼저 픽셀, dpi, dp 단위를 알아야 한다 픽셀: 핸드폰 화면에서 빛이 나오는 전구->가장 작은 단위 dpi(dot per inch): 1인치 안에 픽셀이 얼마나 있는지 예) ldpi->120 (1인치에 120픽셀) mdpi->160 hdpi->240 xhdpi->320 xxhdpi->480 xxhdpi->640 예를 들어 10픽셀짜리 선을 화면에 그렸을 때, ldpi사용자 화면에서는 12개..
컴포넌트 계획 1. PageTemplate 이 컴포넌트는 UI의 전체적인 틀을 잡는다 흰색 배경+그림자 위에 '일정 관리'라는 타이틀 보여 주고, 타이틀 아래에는 children값으로 아래 들어갈 컴포넌트들을 넣는다 2. TodoInput 이 컴포넌트는 일정을 추가할 때 사용하는 input 컴포넌트로, 버튼을 누르는 버튼 이벤트가 들어갈 것이다 3. TodoItemList TodoItem 컴포넌트 여러 개를 렌더링 하는 역할이다 4. TodoItem 일정을 렌더링하는 컴포넌트다 클릭하면 체크되면서 전체에 줄을 긋는다 지우기 버튼을 누르면 일정을 화면에서 없앤다 1. PageTemplate 컴포넌트 생성 먼저 스타일링부터 한다 src/components/PageTemplate/PageTemplate.scs..