resize

노드를 화면 가득 차게 늘리는 법 #2

https://growy.tistory.com/48 특정 노드를 화면 가득 차게 늘리는 법 #Basic 1. 캔버스의 이해 1280x720 사이즈의 캔버스 밑에 1280x720 사이즈의 이미지 노드를 놓았다. 이 상태에서 씬을 실행하고서 가로:세로 비율이 2.36인 해상도에서 확인하면 위와 같이 나온다. 메인 캔버 growy.tistory.com Canvas와 Fit Height, Fit Width의 적용 원리와 같은 기본 개념은 이전에 작성한 글에서 확인 가능하다. 위 글에서 정리한 기본적인 개념을 더 확장하고, 추가 개념을 입혀서 내가 만든 게임이 PC와 모든 모바일 기기 해상도에서 문제없이 잘 나오도록 하는 것이 목표다. 또한 UI를 PC용, 태블릿용, 모바일 가로용, 모바일 세로용으로 각각 만든다..

Layout Update

위와 같은 구조에서 Layout 노드에 아이템을 추가/삭제할 때마다 Layout 노드의 사이즈도 유동적으로 변한다. 아이템 간의 padding(간격)과 레이아웃에 속해 있는 아이템들의 넓이들을 모두 더한 값을 자동으로 계산한다. 그러나 스크립트에서 아이템을 추가했을 때는 자동으로 계산이 되지 않는다. let width1 = this.testLayout.node.width; // 391.48 let newLabel = cc.instantiate(this.testLayout.node.children[0]); newLabel.setParent(this.testLayout.node); let width2 = this.testLayout.node.width; // 391.48 실제로 위의 코드를 디버깅해보면 레이..