這裡做一個通過程式碼實現自動佈局的Demo,通過IB來做的就不講了,網上相關的資料很多,這裡給出一個寫的不錯的連結,有興趣的同學自己看吧.

要談自動佈局,那基本的檢視是第一步,做了一個這樣的ViewController

1. <span style="font-size:18px;">//
2. //  NESMainViewController.m
3. //  AutoLayout
4. //
5. //  Created by Nestor on 14-3-2.
6. //  Copyright (c) 2014年 NesTalk. All rights reserved.
7. //
8. #import "NESMainViewController.h"
9. @interface NESMainViewController ()  
10. @property (nonatomic,retain) UIView *view1;  
11. @property (nonatomic,retain) UIView *view2;  
12. @property (nonatomic,retain) UIView *view3;  
13. @end
14. @implementation NESMainViewController  
15. -(UIView *)view1
16. {  
17.     if (!_view1) {  
18.         _view1 = [[UIView alloc
    ] initWithFrame:CGRectMake(10, 30, 145, 200)];  
19.         _view1.backgroundColor = [UIColor greenColor];  
20.     }  
21.     return _view1;  
22. }  
23. -(UIView *)view2
24. {  
25.     if (!_view2) {  
26.         _view2 = [[UIView alloc] initWithFrame:CGRectMake(165, 30, 145, 200)];  
27.         _view2.backgroundColor = [UIColor
     yellowColor];  
28.     }  
29.     return _view2;  
30. }  
31. -(UIView *)view3
32. {  
33.     if (!_view3) {  
34.         _view3 = [[UIView alloc] initWithFrame:CGRectMake(10, 240, 300, 300)];  
35.         _view3.backgroundColor = [UIColor blueColor];  
36.     }  
37.     return _view3;  
38. }  
39. -(void)buildLayout  
40. {  
41.     [self.view addSubview:self.view1];  
42.     [self.view addSubview:self.view2];  
43.     [self.view addSubview:self.view3];  
44. }  
45. - (void)viewDidLoad  
46. {  
47.     [super viewDidLoad];  
48.     [self buildLayout];  
49. }  
50. - (void)didReceiveMemoryWarning  
51. {  
52.     [super didReceiveMemoryWarning];  
53.     // Dispose of any resources that can be recreated.
54. }  
55. @end
56. </span>  

先看這段程式碼

1. <span style="font-size:18px;">-(UIView *)view1
2. {  
3.     if (!_view1) {  
4.         _view1 = [[UIView alloc] initWithFrame:CGRectMake(10, 30, 145, 200)];  
5.         _view1.backgroundColor = [UIColor greenColor];  
6.     }  
7.     return _view1;  
8. }</span>  

這段程式碼的寫法經常能夠看到,單例裡面有他,TableView的代理方法能用到他,這裡屬於重寫@property的getter方法,簡單來說,通過點語法來呼叫私有成員變數:self.view1來呼叫該方法,有兩大好處

1.分離了不同方法的構造內容,程式碼層次更加明顯.

2.延遲載入,什麼時候需要什麼時候建立,而不是統一在ViewDidLoad方法中進行建立,對於複雜的檢視控制器來說可以優化執行效率.

再看ViewDidLoad方法裡

1. <span style="font-size:18px;">- (void)viewDidLoad  
2. {  
3.     [super viewDidLoad];  
4.     [self buildLayout];  
5. }</span>  

非常簡單,呼叫了一個buildLayout方法,看方法名就能夠知道,這裡是專門用來初始化檢視佈局的方法,由於在oc中init開頭的方法被看做類的初始化方法,故此使用了build,當然這屬於個人習慣,無所謂的事~

buildLayout方法則逐個將要新增的控制元件放到了view上

1. <span style="font-size:18px;">-(void)buildLayout  
2. {  
3.     [self.view addSubview:self.view1];  
4.     [self.view addSubview:self.view2];  
5.     [self.view addSubview:self.view3];  
6. }</span>  

這裡就能夠明顯的看到通過重寫getter方法來初始化檢視的好處了,都添加了哪些控制元件一目瞭然,如果需要修改某一個控制元件,那直接定位到對應的getter方法修改即可,而無需在大量的程式碼中搜索那麼幾行程式碼.

根據這樣的程式碼佈局進行編寫,對於單一檢視控制器來說,就可以有了這樣的分層效果:

閒話到這,繼續主題.

程式碼到這裡螢幕上的檢視應該如下圖所示

是我們需要的佈局效果,但是如果螢幕橫過來,問題就出現了

接下來就需要對程式碼進行一定的調整來完成自動佈局.

從iOS6開始...應該是這時候開始吧,想不起來了,加入了NSLayoutConstraint,這個就是做自動佈局需要用到的東西

在使用NSLayoutConstraint的時候需要用到一種Visual Format Language,不是特別難的東西,本文的Demo裡會簡單介紹,更深層的東西有興趣自己搜尋一下吧.

首先需要在

相關推薦

iOS 自動佈局框架

目前iOS開發中大多數頁面都已經開始使用Interface Builder的方式進行UI開發了，但是在一些變化比較複雜的頁面，還是需要通過程式碼來進行UI開發的。而且有很多比較老的專案，本身就還在採用純程式碼的方式進行開發。 而現在iPhone和iPad螢幕尺寸越來越多，雖然開

ios自動佈局的坑和與之有關的特殊坑

前行文 autoLayout自動佈局在ios開發中有其不可比擬的優勢，簡化的程式碼，讓後期維護變得更簡單。這裡不做autoLayout與autoResize的優勢分析，但是在開發過程中如果不注意就會遇到autoLayout意想不到的坑，下面稍微總結一下，

Masonry與iOS自動佈局

開源專案Masonry旨在讓自動佈局（Auto Layout）的程式碼更簡潔、可讀性更強。 Masonry ，“一個輕量級的佈局框架，採用更優雅的語法封裝自動佈局”，不需要使用XIB和Storyboard。它的創造者Jonas Budelmann  論證 了儘管自動佈局很強大，但它很快就變得冗長而不可讀

IOS 自動佈局篇 swift

這是一系列文章，都讀一下，會更好的理解 通用的Storyboard 通用的stroyboard檔案是通向自適應佈局光明大道的第一步。在一個storyboard檔案中適配iPad和iPhone的佈局在iOS8中已不再是夢想。我們不必再為不同尺寸的Apple移動裝置建立

iOS 自動佈局 兩個UILabel 迷思

這幾天寫介面需要自動處理文字的寬度，如下： 付款方式、結賬日、是否需要回單，作為一列的titleLabel，需要自動拉伸，很容易： 自動佈局時，設定寬度>=80 或某固定高度即可。 但是當它右邊緊連一個label2時，設定label2上下左右邊距後，發現lab

iOS自動佈局框架-Masonry詳解

目前iOS開發中大多數頁面都已經開始使用Interface Builder的方式進行UI開發了，但是在一些變化比較複雜的頁面，還是需要通過程式碼來進行UI開發的。而且有很多比較老的專案，本身就還在採用純程式碼的方式進行開發。 而現在iPhone和iPad螢幕

關於iOS自動佈局

這裡做一個通過程式碼實現自動佈局的Demo,通過IB來做的就不講了,網上相關的資料很多,這裡給出一個寫的不錯的連結,有興趣的同學自己看吧. 要談自動佈局,那基本的檢視是第一步,做了一個這樣的ViewController <

iOS自動佈局autolayout(2)

n part 1 of this Auto Layout tutorial you saw that the old “struts-and-springs” model for making user interfaces cannot easily solve al

iOS自動佈局實現Cell和Tableview高度自適應（SDAutoLayout）

SDAutoLayout 一行程式碼搞定自動佈局！致力於做最簡單易用的Autolayout庫。The most easy way for autolayout.    ☆新增：cell高度自適應 + label文字自適應☆ >>>>

iOS適配,iOS自動佈局的幾種高階用法(autoresizing,Masonry)

熟悉iOS開發的人，可能都知道，iOS6出來以後，autolayout自動佈局就出現了，但是剛開始大家都不怎麼用，直到iPhone 5s、iPhone6出來後，螢幕變得越來越多樣，單純用if來判斷尺寸已完全不能滿足了，自動佈局才逐漸走程序序猿的程式設計程式碼中。Autolayout自動佈局為什麼能被大家所常用

iOS自動佈局和UITableViewCell

1、自動佈局 一個UI控制元件使用自動佈局可以只設置上邊距（Top space）、下邊距（Bottom speace）、左邊距（Leading Space）、右邊距（Trailing space）； 對齊一般是要同時選中兩個控制元件（commond＋滑鼠）

【iOS開發】---- iOS自動佈局(一)

問題 你想將一個UI 元件放置到螢幕的中央。換句話說，你想你想將一個檢視放置到其父檢視的中央位置，使用限制條件。 方案 建立兩個限制條件：一個是將目標檢視的center.x 位置排列在其父檢視的center.x 位置，並且另外一個是將目標檢視的center.y 位置排列在其父檢視的center.y 位置

【iOS開發】---- iOS自動佈局(二)

- (NSArray *) emailTextFieldConstraints { NSMutableArray *result = [[NSMutableArray alloc] init]; NSDictionary *viewsDictionary = NSDictionaryOfVar

iOS仿QQ側滑選單、登入按鈕動畫、仿鬥魚直播APP、城市選擇器、自動佈局等原始碼

iOS精選原始碼 QQ側滑選單,右滑選單,QQ展開選單,QQ好友分組 image 登入按鈕 image 3分鐘快捷建立高效能輪播圖 ScrollView巢狀ScrolloView（UITableView 、UICollectionView）解決方案

iOS頭條新聞App、自動佈局、省市區聯動、登入按鈕動畫、Alert彈框效果等原始碼

iOS精選原始碼 LEEAlert -- 優雅的Alert ActionSheet 登入按鈕 省市區三級聯動 JHViewCorner - 一行程式碼搞定圓角 JHFrameLayout - 一行程式碼實現自動佈局 MVVM+Masonry+UI

iOS Xib自動佈局（轉）

使用Xib可以實現控制元件的螢幕適配，但是並不是十全十美。因為我們使用Xib新增約束的時候，比如說距離左邊多少距離，這是設定的一個確定的阿拉伯數字，是絕對的，並不是設定的一個比例，在不同的機型上面，裝置的尺寸寬高不一定，Xib以絕對的阿拉伯數字新增約束並不能做到完美的螢幕適配

ios ——SDAutolayout自動佈局下的cell自定義

想要實現 這種樣式的cell ，即與邊界有一定距離， 然後又需要cell的高度可以根據標題自適應，所以選擇了sdautolayout自動佈局框架。 生成一個繼承自UITableViewCell的類，首先定義一個白色的背景bgview，然後依次定義四個label，糧給U

IOS UIScrollView的自動佈局

寫在開始的話：如果感覺博文解決了你的問題，想轉載本文，請尊重勞動成果，註明轉載來源，謝謝！ 這兩天剛研究完成IOS的自動佈局，然後想在UIScrollView裡面也設定自動佈局，完成上下滑動。剛開始感覺UIScrollView的自動佈局也跟其他的一樣簡單，但只有經過嘗試才知

iOS 10 Auto Layout介面自動佈局系列3-使用原生NSLayoutConstraint添加布局約束

本系列的第一篇文章介紹了自動佈局的基本原理，第二篇文章通過一個簡單的例子演示瞭如何使用Xcode的Interface Builder（簡稱IB）以視覺化方式新增約束。本篇為該系列的第三篇文章，主要介紹如何通過寫程式碼來添加布局約束。 說句題外話，通過IB視覺化

開始iOS 7中自動佈局教

原文:http://www.cocoachina.com/industry/20131203/7462.html 感謝翻譯小組成員（部落格）熱心翻譯。如果您有不錯的原創或譯文，歡迎提交給我們，更歡迎其他朋友加入我們的翻譯小組（聯絡qq：2408167315）。 ===