視覺化程式設計與螢幕適配

2021-06-29 14:40:34 字數 613 閱讀 5761

xib

storyboard

auto layout

size classes

xib(編譯之前)  

nib(編譯之後)

xib是做什麼的?

xib 代替了之前寫的view,目的是減少**,視覺化拖拽

優點:方便、快捷、直觀

缺點:不精細、容易出錯(使用不熟練的情況下)

使用場景:

簡單直觀的頁面適合xib

複雜頁面可以使用xib和**結合,具體情況具體分析

1.建立的時候打鉤

2.新建xib要和控制器關聯,先關聯控制器,後關聯view

storyboard

故事板:把頁面串聯起來,成為乙個整體,多個xib的結合

可以體現幾個view之間的關係

優點:對所有檢視的管理非常方便、各個控制器之間的關係顯而易見

缺點:不適合團隊開發、不如**靈活

個人專案使用storyboard很不錯

對於橫豎螢幕適配非常方便

auto layout (自動布局)

size classes (重點)

any 任意

regular 正常

compact 緊湊

視覺化程式設計storyBoard

1.針對空模板,先把自動建立的window刪除 2.建立乙個storyboard 3.在general中將maininte ce選為建立的storyboard 4.新建立的storyboard裡什麼也沒有,拖拽乙個viewcontroller上去 5.選中viewcontroller,在工具欄選擇第...

視覺化程式設計原理

視覺化程式設計原理 物件 安裝的程式 事件 滑鼠雙擊 單擊 右鍵 回車等快捷鍵的觸發 事件 我們對不同的物件實施相同的事件,結果可能不相同。為什麼?右鍵事件觸發的方法 不一樣。視覺化程式設計介面設計 ui 窗體 控制項 窗體是來存放控制項的容器 例子事件 click mouseclick load ...

大螢幕資料視覺化問題

var ratio window height 1080 console.log ratio body css 那麼如何做到大屏上內容動態調整適合螢幕展示呢?響應式 查詢 rem,js控制尺寸還是其他方法呢?最開始覺得響應式 查詢就可以滿足我的需求,的確是可以精細化控制,可是時間有限,容不得我花費較...