天天看點

iOS開發UI篇—xib的簡單使用

一、簡單介紹

xib和storyboard的比較,一個輕量級一個重量級。

共同點:

都用來描述軟體界面

都用interface builder工具來編輯

不同點:

xib是輕量級的,用來描述局部的ui界面

storyboard是重量級的,用來描述整個軟體的多個界面,并且能展示多個界面之間的跳轉關系

二、xib的簡單使用

1.建立xib檔案

iOS開發UI篇—xib的簡單使用

建立的xib檔案命名為appxib.xib

iOS開發UI篇—xib的簡單使用

2.對xib進行設定

  根據程式的需要,這裡把view調整為自由布局

iOS開發UI篇—xib的簡單使用

建立view模型(設定長寬等參數)

iOS開發UI篇—xib的簡單使用

調整布局和内部的控件

iOS開發UI篇—xib的簡單使用

完成後的單個view

iOS開發UI篇—xib的簡單使用

3.使用xib檔案的代碼示例

yyviewcontroller.m檔案代碼如下:

運作效果:

iOS開發UI篇—xib的簡單使用

三、對xib進行連線示例

1.連線示例

建立一個xib對應的視圖類,繼承自uiview

iOS開發UI篇—xib的簡單使用

在xib界面右上角與建立的視圖類進行關聯

iOS開發UI篇—xib的簡單使用

把xib和視圖類進行連線

iOS開發UI篇—xib的簡單使用

注意:在使用中把weak改成為強引用。否則...

2.連線後的代碼示例

yyappview.h檔案代碼(已經連線)

繼續閱讀