본문 바로가기

🍎iOS프로그래밍/AutoLayout6

오토레이아웃 Auto Layout - 5(실습1) 순서 목표 구현 목표 카카오톡 프로필사진 레이아웃 구현 분석 1.이미지뷰를 배경으로 배치합니다 2. 닫기버튼은 leading, top 0 좌측상단 아이콘은 trailing, top 0 으로 두고 연속으로 배치 3. bottom, leading, trailing 0 각요소들은 stackView로 구성 4. bottom, leading, trailing 0 사진은 radius 30 구현 이미지뷰는 SuperView대상으로 모든 제약을 0으로 설정했습니다 View의 Bottom, leading, trailing 0 Stack뷰를 사용해 세개의 요소를 나란히 출력했습니다 프로필영역은 center Horizon으로 정렬했습니다 사진, 프로필 명, 상태메세지 모두 top 제약으로 정렬했습니다 Close버튼은 top.. 2022. 1. 16.

오토레이아웃 Auto Layout - 4(심화) 순서 AutoresizingMask오류 -이동 NSLayoutConstraint - 이동 VisualForamtLanguage - 이동 NSLayoutAnchor - 이동 시작하기전에 이 실습은 인터페이스빌더로 구현된 AutoLayout을 코드로 구현하는데 목적이 있습니다 아래의 뷰는 마진으로 50을 갖습니다 각 빨간색과 파란색은 redView와 blueView로 아웃렛을 선언하고 이를 감싸고 있는 뷰는 topView로 선언했습니다 AutoresizingMask오류 제약을 정하지 않은 경우 Autoresizing이 적용됩니다 코드로 제약사항을 추가 할 경우 자동으로 적용된 AutoresizingMask와 충돌할 수 있으므로 꼭 아래의 코드를 추가해야 합니다 subview.translatesAutoresi.. 2022. 1. 15.

오토레이아웃 Auto Layout - 4(기타) 순서 Attribute(속성) 살펴보기 Constant 수정하기 priority 수정하기 item1.attribute = multiplier * item2.attribute + constant Attribute(속성) 살펴보기 Left : 왼쪽 (요즘엔 사용되지 않음) Right : 오른쪽 (요즘엔 사용되지 않음) Leading : 글의 시작점을 의미합니다 (한국에서는 왼쪽, 아랍권에선 오른쪽) Trailing : Leading의 반대 의미를 지닙니다 top : 위 bottom : 아래 Constant 수정하기 코드를 통해 Constant 값을 직접 수정해 보겠습니다 버튼을 클릭하면 blue뷰의 frame값을 변경하는 코드입니다 Auto Layout은 제약을 기준으로 최종프레임을 결정합니다 즉, fram.. 2022. 1. 12.

반응형