iOS | Interface Builder | 一些使用技巧


ScrollView篇

  • ContentSize與屏幕等比

  1. 添加UIView[或StackView]做ContentView


    添加ContentView
  2. 設(shè)置滾動(dòng)方向


    設(shè)置橫向滑動(dòng)
  3. 設(shè)置寬度
    3.1. control + ??右鍵 拖向控制器的 View
    拖出選項(xiàng)

    3.2. 選擇 Equal Widths,若豎向可選擇 Heights
    與屏幕等寬

    3.3. 設(shè)置 Multiplier 為合適的比例
    設(shè)置比例

    3.4. 可見(jiàn)contentSize已設(shè)置完成

UIView篇

  • 等寬視圖

  1. 約束方式 - (可自由調(diào)整間距與邊距)
    1.1. 先創(chuàng)建三個(gè)小視圖
    三個(gè)顏色的UIView

    1.2. 紅色UIView 添加 top、left 約束,(截圖 Width 勾錯(cuò)了,應(yīng)該是 Height ??)
    左約束

    1.3. 綠色UIView 添加 top、對(duì)紅色UIView-left 約束,(截圖 Width 勾錯(cuò)了,應(yīng)該是 Height ??)
    中約束

    1.4. 黑色UIView 添加 top、對(duì)綠色UIView-left、right 約束
    右約束

    1.5. 選中 redView greenView blackView 一鍵添加 Equal Widths
    添加等寬約束

    1.6. 可見(jiàn)已經(jīng)等寬
    約束完成

    1.7. 約束方式在于調(diào)整間距與邊距更加方便~

------分隔------

  1. StackView方式 - (一般使用等邊距) -iOS9后可使用
    2.1. 清除所有約束
    Clear Contraints

    2.2. 使用 StackView,給其添加約束后,開(kāi)始使用
    轉(zhuǎn)換StackView

    2.3. 修改屬性
    屬性調(diào)整
Axis -- 方向
Distribution -- 等比關(guān)系
Spacing -- 間距
  • 完成啦,缺點(diǎn)就是間距是相等的,不能像約束一樣做 非對(duì)稱視圖

約束優(yōu)先級(jí)

  1. 普通約束,可見(jiàn) Red View 對(duì) Green Button 有了依賴約束 Tralling Spacing
    相對(duì)約束
  2. 由于 Red View 并沒(méi)有添加 Width 約束,若設(shè)置 Green Button.Hidden 隱藏,那么這條 Tralling 就會(huì)失效,因此需要一條新的約束保持約束平衡
    依賴SuperView的約束
  3. 此時(shí)兩條約束產(chǎn)生了 沖突

我們需要接受:

當(dāng)一條有效約束失效后,另一條約束才生效(當(dāng)僅且有一條相同類別約束生效)

因此需要設(shè)置 約束優(yōu)先級(jí) : Priority

修改約束優(yōu)先級(jí)

  1. 最后,將 Green Button 進(jìn)行隱藏
    4.1 Red View 對(duì) Green Button 的約束依賴被打斷
    4.2 Red View 將使用低優(yōu)先級(jí)約束進(jìn)行 求值
    4.3 Red View 根據(jù)低優(yōu)先級(jí)約束,適應(yīng)屏幕
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容