iOS_Mac기능 정리/Auto Layout(오토레이아웃)7 Auto Layout - 실제로 프로젝트에 입히기 Auto Layout을 이용하여 기말 프로젝트때 만든 앱에 Constraints를 걸어보겠습니다. 프로젝트 App 위 앱은 마트에서 장을 볼때나 집에서 인터넷으로 쇼핑을 할때 할인 제품에 대한 가격을 빠르게 알아보기 위하여 만들어 보았습니다. Constraints걸어주기 before : AutoLayout을 입히기 전 좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어주기 전에 실행한 캡쳐한 화면이다. *각각 다르게 나타나는 크기와 화면 비율을 볼 수 있다. After : AutoLayout을 입힌 후 좌측부터 iPad, iPhone, iPod에게 AutoLayout을 걸어준 후에 실행한 캡쳐한 화면이다. *각각 다르게 놀지 않고 최대한 모양을 유지하면서 이동하는 화면들과 화면 넓이.. 2022. 1. 17. AutoLayout - self sizing Auto Layout의 기본기능 self sizing 살펴보기 크기에 맞는 Constraints(제약)설정 알아보기 Label을 추가 한 후 제약을 걸게 된다면 Label의 내용과 상관없이 Relation이 Equal로 설정되어있습니다. Label을 UI view에 넣은 후 제약 조건을 걸어주면 글자 수에 맞춰서 UI view가 같이 늘어났다 줄어들었다 합니다. *이와 같은 Lable사용방법은 채팅창에서 많이 사용됩니다. *Lines가 1로 되어있다면 한줄로 표시하라는 뜻이기 때문에 Lines를 0으로 만들어줍니다. UI view의 가로 공백 없애주기 글자 수는 작지만 UI view의 크기는 고정되어 있기 때문에 남는 칸이 많을 수도있습니다. 이럴때 줄이고 싶은 라인을 잡고 Relation을 Greate.. 2022. 1. 13. Auto Layout - Constraints의 시작점, 끝점 Auto Layout의 기본기능 살펴보기 Auto Layout에서 Constraints를 걸어줄때의 시작점과 끝점을 화면의 양쪽 끝이 아닌 다른 View로 걸어주는 방법을 알아보겠습니다. Constraints의 시작점 변경법 먼저 일반적인 Constraints를 View에 걸어줍니다. 지금 걸게된 green의 Constraints를 Red의 시작점으로 변경하고 싶다면 해당 Constraints만을 Main storyboard에서 누른 후 Leading Aligment Constraint창에서의 Second item부분을 Safe Area.Leading(화면 끝 벽) 에서 -> red.Leading(원하는 시작점)으로 변경해주면 됩니다. Constraints의 끝점 변경법 처음 지정된 green View의.. 2022. 1. 12. Auto Layout - 오류 자동 수정 Auto Layout의 기본기능 살펴보기2 Auto Layout의 자동수정, 내부 기능에 대해 알아보겠습니다. Constraints에 대한 자동수정 방법 두개의 UI View(red, green) 속에 Constraints를 추가하는 방법에서 한쪽 View에만 Constraints를 넣어주게 된다면 위와 같은 오류가 나올 수 있습니다. 이때 해결 방법으로 앞에서 다뤘던 부분적으로 Constraints를 지우거나 오류난 곳을 보면서 수정하는 방법도 있지만 오류부분의 빨간점, 내부에 Add Missing Constraints를 누르게 된다면 하나씩 지우거나 수정하지 않아도 스스로 바뀌며 오류를 잡아내는 모습을 볼 수 있습니다. * Add Missing Constraints -> 놓친 제약조건을 추가한다는 의.. 2022. 1. 12. 이전 1 2 다음
