iOS 8 自動布局sizeclass和autolayout的基本使用,autolayoutsizeclass

來源:互聯網
上載者:User

iOS 8 自動布局sizeclass和autolayout的基本使用,autolayoutsizeclass

1.首先建立新的工程,設定rootviewcontroller(這裡不再多說)

2.勾選下面(因為我們到下面是使用sizeClass,所以勾選兩個):

3.這裡我建立了一個lable,名稱為View1,在這裡可以看到設定View1的約束為距上和左側為0,寬和高設定的都是200,同理可以設定距離右和下的約束,

4.當上面工作完成以後,點擊Add按鈕,會出現黃色的約束範圍,如:

 

5.上面工作完成後點擊Update Frames,到此View1的約束建立完畢,。當我們要更改約束的時候,需要先清除原來得約束,點擊Clear Constraints,在從新添加約束。

6.此時,我建立了一個名稱為View2的lable,同樣設定約束,距左邊為8(即距View1的距離為8),距右邊邊界為8,高度為96,

7.點擊Add添加約束,

8.更新fream就OK了,

9.同理,建立View3的lable,為了節約大家時間,就不在每一步進行操作,至此,基本autolayout使用已描述完畢,可以運行看下效果。

 

二,sizeclass的使用

1,接著上面的例子,我們可以發現,在的底部,有wAny hAny,點擊wAny,我們可以看到,這種是支援所有螢幕的設定,缺點是不精緻,當我們橫屏的時候怎麼辦呢?(關於size class的詳細解析,請參考蘋果文檔):

 

2.我們在橫屏的時要適配螢幕,那麼如,選擇如下的方式:

3.更改屬性,設定長和高,在這裡,我改變了View1的高度,如:

4,更改View2和View3的高度,跟View1進行匹配,如:

修改完畢後運行調試即可,即為想要的結果。當然,本例只是簡單的瞭解兩種螢幕的適配,同理,您可以適配其他的蘋果螢幕。

本人知識有限, 參考其他文獻以及知識, 本文介紹的可能有很多不到之處,望各位大神批評指正。

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.