iOS 오토레이아웃(Autolayout) 사용패턴4 – 꽉찬 화면 이미지뷰 표시하기

2016-05-04
24 Views

Pint버튼을 사용하여 요소 가장자리를 상단을 화면위에서 0으로 하고 하단 화면 아래에서 0, 왼쪽화면 왼쪽에서 0 오른쪽 화면 오른쪽에서 0으로 고정한다. 주의할 점은 기본상태에서 상하좌우를 0으로 지정하면 좌우 여백이 있다. 상태표시줄을 보여줄 필요가 있지만 실제로 위와 좌우에 약간 틈새가 발생한다.

화면 가득히 채우고 좌우여백을 사용하지 않으려면 [Constrain to margins]를 체크해제한다.

상태표시줄 부분을 사용하지 않으려면 □주위의 위쪽 값을 입력하고 ▼메뉴에서 Top Layout Guide에서 [View]로 변경한다.

 

1) ImageView요소를 선택하고 Pin버튼을 클릭한다. 크기 지정이 있기 때문에 이를 선택하면서 Constrain to margins체크를 해제한다. 다음으로 □ 위쪽 값을 입력하는 부분의 ▼메뉴를 선택하고 [Top Layout Guide]에서 [View]로 변경한다. 상태표시줄 여유를 사용하지 않도록 한다. 그리고 나머지 방향들도 빨간점선을 클릭하고 값을 0으로 변경한다.

auto32

auto33

auto34

화면이 제대로 나오는지 확인하기 위해 [Command]+[Option]+[=]키를 눌러 업데이트한다.

 

Facebook Comments

You may be interested

[Swift3] 폐쇄(Closure)에 대해 살짝 이해할 수 있는 팁
Swift 3.0
shares7 views
Swift 3.0
shares7 views

[Swift3] 폐쇄(Closure)에 대해 살짝 이해할 수 있는 팁

MJ Kim - 4월 29, 2017

몇몇 개발자를 만나 개발을 하다보면, 폐쇄(Closure)에 대해 이해를 하지 못해서 간단하게 바로 이해할 수 있는 팁을 정리해본다. 앱을 개발하다보면 https통신을…

[Swift3] UITextview의 keyboard 닫기
Swift 3.0
shares1 views
Swift 3.0
shares1 views

[Swift3] UITextview의 keyboard 닫기

MJ Kim - 4월 29, 2017

스토리보드에서 델리게이트를 선언하고 class에 UITextViewDelegate를 상속받아서 delegate=self를 viewDidLoad에서 설정하면 간단하게 해결되는데 가끔 헷깔려 하는 경우가 있어 적어본다. [crayon-59043faaa29bc005846689/] [crayon-59043faaa29c3917768280/] [crayon-59043faaa29c6877621005/]…

스토리보드에서 다국어 지원 및 Xcode 8.3이상에서 이슈
Swift 3.0
shares4 views
Swift 3.0
shares4 views

스토리보드에서 다국어 지원 및 Xcode 8.3이상에서 이슈

MJ Kim - 4월 29, 2017

다국어 지원은 우선 Localizable.strings파일을 생성한 다음 언어를 지정한다. 그리고 필자가 자주 사용하는 일부 컨트롤들에 대한 확장(extension)을 추가한 다음 스토리보드에서 사용하는…