Menggunakan Auto Layout和Trait Variations Untuk Desain自适应布局iOS

自动版面

Apitu自动布局？ 自动布局adalah sebuah基于约束的布局/ untuk memudahkan开发人员mendesain布局berdasarkan ukuran布局。 Berikut menurut喇嘛resmi nya：

自动版式会根据对这些视图施加的约束来动态计算视图层次结构中所有视图的大小和位置。

Disini，saya akan membuat布局dengan 4视图（ Gambar 1.1） dengan warna yang berbeda，dan ukuran dari masing-masing view akan disesuaikan dengan lebar dan tinggi yang sama。 Sesuai judul， 自适应布局 。 Saya akan mengatur untuk orientasi景观丹肖像。

帕达（ Gambar 1.2），阿坎·孟加杜尔（Akan Mengatur）约束肖像，东方肖像。 红色视图， saya akan kasih 边距左，右，上，下 = 5

Untuk 粉红色魅力视图 （ Gambar 1.3） ， saya akan kasih margin左，右，底部 = 5 dan margin顶部 saya akan kosongkan，karena约束telah di tambahkan dari Red View。 Begitupun untuk 绿色视图 ＆ 蓝色视图 samakan nilai contstraint dengan 粉红色魅力视图。

Penyesuaian ukuran lebar dan tinggi （Gif 1.0） untuk masing-masing view，tekan control dan drag dari Pink Glamour view ke Red view ，lalu pilih equal Widths dan equal Heights dan sesuiakan untuk view yang lainnya juga。

Hasil sesuai杨diharapkan untuk orientasi肖像!!! Selanjutnya menyesuaikan untuk模式景观。

Set kembali （ Gambar 1.5） untuk因性状而异

Untuk （Gambar 1.6）设置左，右，上，下边距红色视图= 5，设置右，上，下边距= 5 pada Pink Glamor视图，设置左，右，下边 = 5 pada 绿色视图， lalu设置右面右，底部= 5 pada 蓝色视图。

Pada （ Gambar 1.7） tekan 控制拖动 红色视图 ke 粉色魅力视图 宽度相等且高度相等。 Selanjutnya 控制拖动 绿色视图 ke 蓝色视图 宽度相等且高度相等。 Kemudian 控制拖动 绿色视图 ke 红色视图高度相等。

丹·哈西尔尼亚（Dan hasilnya）：

Semoga bermanfaat和silahkan mencoba。