티스토리 뷰

[iOS 오토레이아웃 simple constraints] Two Views with Complex Width

from apple auto layout guide

전 글(2018/07/28 - [iOS] - [iOS 오토 레이아웃 simple constraints] Two Different-Width Views) 이랑 거의 같습니다. 전 글에서는 두 개의 view의 width가 2배 차이가 났다면, 이 글에서는 하나의 뷰의 width가 최소 150인 것을 보장해주면서 2배가 되는 것을 보여줍니다.





1. 전 글 제약조건에서 yellow view.width >= 150 하나만 추가 해주고 gree view.wdith = 2 * yellow view.width의 priority를 750으로 바꿔주면 됩니다.


* 세로 모드에서는 yellow view.width >= 150으로 보장해주면서 green.view width를 yellow view.width의 2배로 하기 힘들 기 때문에 두 뷰의 width가 비슷해 보입니다. 사실 yellow view.width를 150으로 하고 남은 여백을 green.view가 채우게 된 것입니다. 여유공간이 있다면 2배가 될 것입니다. 이는 가로모드에서 확일 할 수 있습니다.

* 가로 모드에서는 yellow view.width >= 150으로 보장해주면서 green.view width를 yellow view.width의 2배로 할 수 있기 때문에 두 뷰의 width가 2배 차이납니다.. 그리고 제약조건에서 150이상이라고 했으므로 yellow의 뷰 크기가 206.5가 됐습니다.(iphone 8기준)


반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함