第十四講 UI 級視覺化設計

2021-06-27 09:37:09 字數 3700 閱讀 7973

本講內容

⼀、inte***ce builder

視覺化程式設計

二、storyboard

視覺化編輯中的

segue

使⽤用⽅方式 

三、storyboard

視覺化編輯中的⾃自定義單元格

四、storyboard

視覺化編輯中的⾃自適應布局

(autolayout)

一、inte***ce builder

什麼是inte***ce builder

簡稱ib

,是mac os x

和ios

平台下⽤用於設計和測試⽤使用者界⾯面的

應⽤用程式。

提供了拖放⾯面板,可以將控制項拖放到螢幕上。

.xib

和.nib

ib建立

.xib

⽂檔案,包括檢視布局,以

xml格式儲存。

程式運⾏行後,

.xib

⽂檔案中的內容編譯為

.nib

⽂檔案(

⼆二進位制⽂檔案

),儲存在⼯工程包中。

使⽤用ib初始化檢視控制器

建立檢視控制器

- (id

)initwithnibname:(

nsstring

*)nibnameornil bundle:(

nsbundle

*)nibbundleornil

nibnameornil

是.xib

⽂檔案的名字。

注:nibnameornil

如果填nil

,預設找與類同名的

.xib

⽂檔案(loginviewcontroller.xibloginview.xib)

。可以直接使⽤用

init

⽅方法,預設找相關的

.xib

⽂檔案。

拖放控制項

插座變數。

⽤用於控制

ib中的

ui控制項。

iboutlet

,外聯指標。連線插座變數和

ib中的

ui控制項

設定:選中控制項,按住

command

,向類中拖放,設定變數名。

動作動作。⽤用於響應

ui控制項的觸發事件。

ibaction

。連線⽅方法和

ib中的

ui控制項

設定:選中控制項,按住

command

,向類中拖放,設定⽅方法名。

設定**

file』s owner

。⽂檔案的擁有者,即檢視控制器。設定:右鍵單擊控制項,連線**變數 和

file』s owner

二、storyboard

的使⽤用

什麼是storyboard

storyboard

的注意事項在的

⽅方法中

不要再⽤用**初始化⼀乙個

window

利將建立好的

storyboard

在應⽤用程式配置

general

中設定為

main inte***ce

檢視新增與控制和

ib開發⼀一樣。

storyboard

建立檢視控制器

controller

可以設定標識,通過標識從

storyboard

建立檢視控

製器物件。

uistoryboard

,storyboard

物件。檢視控制器有屬性

storyboard

。也可以通過⽂檔名建立對應的

storyboard

⽂檔案物件。

[self.storyboard instantiateviewcontrollerwithidentifier:**]

三、segue

的使⽤用

segue

關聯按鈕

利⽤用segue

去push

檢視控制器。

選中按鈕,按住

command

,從按鈕向下⼀一級⻚頁⾯面連線。按鈕不需要新增響應⽅方法。

注:適⽤用於不存在傳值的⻚頁⾯面切換。

!

segue

關聯按鈕

利⽤用segue

去push

檢視控制器。

選中按鈕,按住

command

,從按鈕向下⼀一級⻚頁⾯面連線。按鈕不需要新增響應⽅方法。

注:適⽤用於不存在傳值的⻚頁⾯面切換。

!

segue

關聯兩個⻚頁⾯面

要給segue

設定唯⼀一的識別符號

利⽤用segue

去push

檢視控制器的時候

,使⽤用檢視控制器的例項⽅方法

:

- (

void

)performseguewithidentifier:

(nsstring

*)identifier sender:(

id)sender;

segue

實現傳值

- (void

)prepareforsegue:(

uistoryboardsegue

*)segue

sender:(

id)sender segue

觸發之後,下⼀乙個⻚頁⾯面顯⽰示之前執⾏行。

segue包含3

個重要的屬性:

identifier

、sourceviewcontroller

、destinationviewcontroller

。通過destinationviewcontroller

獲取下⼀乙個⻚頁⾯面物件。實現傳值。

四、自定義單元格

⾃定義單元格

單元格指的是

uitableview

的cell

在storyboard中,

可以直接在

tableview

上新增prototype cells

可以在prototype cells

中的單元格中新增⾃自定義⼦子檢視

⾃自定義單元格的注意事項

選中prototype cells

中的單元格後在

xcode

⼯工具的右邊的檢查器⼯工具中修改單元格的標⽰示符,注意標⽰示符要與該**檢視的其他單元

格區分如果有⾃自定義單元格類的話,並且在⾃自定義單元格類中新增了

ib修飾符修飾的屬性和⽅方法,需要在

storyboard

的單元格檢查器中的

custom class

修改為⾃自定義的類

五、⾃自動布局

配置⾃自動布局的⽅方式

在storyboard

中進⾏行配置,新增約束約束:檢視布局的規則。

利⽤用約束可以指⽰示:檢視在同⼀一⽔水平⾏行上對⻬齊、調整檢視⼤大⼩小匹

配其他檢視等等

約束配置

課程預告

解析 

第十四講 模組

1.模組 模組化指將乙個完整的程式分解成乙個個的小模組 通過將模組組合,來搭建出乙個完整的程式 模組化的優點 方便開發 方便維護 模組可以復用 模組的建立 在python當中乙個py檔案就是乙個模組 在乙個模組中引入外部模組 import模組名 模組名就是py檔案 可以引入同乙個模組多次,但是模組的...

C 銳利體驗 第十四講 列舉

第十四講 列舉 列舉型別是c 中又一種輕量級的值型別,c 用列舉來表達一組特定的值的集合行為,比如windows窗體可選的狀態,按鈕控制項的風格等。下面的程式偽碼展示了典型的列舉用法 public enum writingstyle class essay 注意上面的列舉符號classical,mo...

MFC孫鑫第十四講UDP

srv include include void main if lobyte wsadata.wversion 1 hibyte wsadata.wversion 1 socket socksrv socket af inet,sock stream,0 socket socksrv socket...