아이폰 개발/ios 디자인6 autolayout - ScrollView 정리 autolayout - ScrollView 정리 세로로 길게 작업할때는 먼저 ViewController의 세로 길이를 높인다음 작업하는게 좋다. 여러객체를 스크롤 뷰로 작업할때 먼저 아래처럼 뷰로 한번 감싼후, 그 다음 스크롤 뷰로 감싸는게 작업하는데 편하다. 그리고 생성된 뷰를 클릭 후 ScrollView를 클릭해주면 뷰를 감싼 ScrollView가 생성이 된다. 스크롤뷰 제약조건은 위 아래 좌우 0으로 준다. 텍스트필드는 위 아래 좌우 20으로 준다. 뷰의 제약조건은 위아래 모두 0으로 준다. 마지막으로 뷰의 넓이만 supurview와 동일하게 맞춰준다. (왼쪽 네비게이션 메뉴에서 뷰 우클릭 후 슈퍼뷰 드래그 -> 넓이 같게 체크). 아래와 같은 화면이 안나오면 scrollview 클릭해서 인스펙터에.. 2020. 12. 19. autolayout - priority 정리 autolayout - priority 정리 priority를 번역하면 우선순위라는 뜻이다. priority는 오브젝트가 하나일때는 별로 중요하지 않다. 오브젝트가 두개이거나 하나 이상일때 priority 기능이 사용이 된다. 오브젝트가 두개일때 priority의 우선순위가 높은 오브젝트는 자신의 크기를 먼저 갖고, 고정이 된다. 반대로 priority가 상대 오브젝트 보다 낮은 오브젝트는 크기가 밀리거나, 유동적으로 변할 수 있다. 1.문제상황 라벨 두개를 만들었다. 첫번째 라벨의 제약조건을 위, 좌, 우, 20씩 주었다. 우측 라벨의 제약조건을 우 20으로 주었다. 참고로 라벨은 크기를 지정하지 않아도 오류가 안난다. 텍스트의 크기가 곧 라벨의 크기이기 때문이다. 크기를 확인 할 수 있는 컨텐츠를 갖.. 2020. 12. 19. autolayout - multiplier 정리 autolayout - multiplier 정리 xcode의 autolayout에는 multiplier 속성이 있다. multiplier를 한글로 하면 승수다. 단순하게 이해한다면 multiplier는 xcode에서 곱하기 라고 생각하면된다. 무엇에 대한 곱하기 일까? 바로 뷰의 y 좌표와 x좌표에 대한 곱하기이다. 그럼 예제로 뷰를 하나 만들어서 뷰의 탑 제약조건에 multiplier를 2로 줘보자. 1.multiplier 개념 결과는? 아무런 반응이 없다. 이유는 탑 제약조건의 multiplier는 뷰의 y좌표에 곱하기를 한다고 했는데 현재 뷰의 y좌표는 0이기 때문이다. safe area가 존재하는 iphone 11 같은 경우는 기본 y좌표가 44로 설정되어 있다. 그래서 탑 제약조건의 multip.. 2020. 12. 19. autolayout - align 정리 autolayout - align 정리 이번 포스팅에서는 ios autolayout align에 대해서 알아보자. align은 정렬이라는 뜻이다. 여러개의 뷰가 있을때 정렬 기능으로 간단하게 뷰의 위치를 정렬 시킬 수 있다. 아래 그림처럼 정렬기능은 막대기 모양처럼 생긴 아이콘을 클릭하면 된다. 뷰가 하나일때는 부모뷰 기준으로 가운데 정렬하는 기능만 활성화 된다. 뷰가 여러개일때는 아래 그럼처럼 특정 뷰를 기준으로 여러 뷰의 정렬을 설정하는 속성이 활성화가 된다. 보라색 뷰를 녹색 뷰 모서리 부분에 정렬 시키고 싶으면 어떻게 해야 할까? 현재 초록색 뷰는 탑, 리딩(왼쪽) 제약 조건이 각각 20, 20으로 설정되어 있고, 높이, 넓이를 300, 300으로 주었다. 보라색 뷰는 높이 넓이만 100, 100.. 2020. 12. 18. autolayout - constraints 정리 (2) autolayout - constraints 정리 (2) 1. constraints 가로 길이와, 높이만 지정 뷰의 높이와 넓이만 지정을 했을때 아래와 같이 "뷰의 위치를 알 수 없다" 고 오류가 난다. 즉 뷰의 x 좌표와, y좌표를 지정해 주어야 한다. 아래 처럼 크기만 저징하고 위치를 지정안했을때 아이폰 기종에 따라 뷰가 밖으로 나갈 수 있다. 뷰는 크기를 알 수 없거나, 위치를 알 수 없을때 오류를 출력한다. constraints Top과 constraints Leading 을 각각 50씩 줘보자. 참고로 constraints Top 50과 constraints Leading 50은 뷰의 x좌표를 부모뷰 top에서 50만큼 떨어진 곳에 위치시키고, 뷰의 y좌표를 부모뷰 left에서 50만큼 떨어진 .. 2020. 12. 18. autolayout - constraints 정리 (1) autolayout - constraints 정리 xcode storyboard에는 constraints라는 개념이 있다. 영어로 번역하면 제약이라는 뜻인데, 번역을 해도 이해가 잘안간다. 쉽게 말하면 storyboard에서 view의 간격을 자동으로 조정해 주는 역할을 한다. 1.문제상황 위 그림처럼 뷰를 제약조건없이 그리면 아이폰 사이즈에 따라서 뷰가 화면 밖으로 나갈 수 있다. 그래서 아이폰 전체 기종의 크기를 지원할려면 autolayout의 constraints 는 필수로 지정해야 한다. 2.주의점 constraints을 지정할 때 주의점이 있다. 뷰의 높이나 넓이 등 크기가 명확해야 한다는 것이다. 가로 높이가 명확해야 하고, 세로 높이가 명확해야 한다. 또는 x 좌표나 y좌표가 명확해야 한다... 2020. 12. 18. 이전 1 다음
