前言:

如何開發(fā)我們的UI界面?

這些的框架我們首先學(xué)習(xí)就是第一個:
一些常用的術(shù)語:控件:界面的一切東西我們都稱之為控件
例如這張圖:

上面的一切東西都是我們的控件
加法計算器01—搭建UI界面@%監(jiān)聽按鈕點擊

我們就通過代碼以及我們的演示效果解釋我們關(guān)于UI的一些功能
這張圖就是要顯示到我們手機上的一個小的界面
而我們就是要做出這樣的效果

首先我們注意到這上面應(yīng)該有6個控件:
還有的就是監(jiān)聽我們的計算按鈕的點擊事件(用戶何時點擊我們的計算按鈕)
創(chuàng)建項目:前幾步都一樣


注意的是我們以后就不需要點擊那個黑色的框框了,我們選擇是:

第二個紅色框框是作者的名字

注意現(xiàn)在做的是手機界面所以我們第三個紅框框的位置我們選的是iPhone
注意的是不要看我們上面的文件夾這么多,平時我們只需要在上面的兩個里面操作就行了,其他的不用管

當(dāng)我們選擇這一個文件時,其實這個就是我們手機顯示的模板

當(dāng)需要代碼的編寫的時候,我們就會在這個文件的這個方法里面編寫
創(chuàng)建一個加法計算器的步驟:
1、首先在我們的storyboard里面托一些我們需要的控件


當(dāng)我們選擇我們的storyboard的時候,我們的屏幕的右下角會出現(xiàn)上面的視圖:而我們今天所要用的控件就是我們的這三個控件
我們的加法計算器的控件擺放位置就如上圖
監(jiān)聽我按鈕的點擊與輸入
我們的上面的控件都要涉及到與用戶的交互,例如我們的用戶點擊第一個框框的時候,這個時候鍵盤就會出現(xiàn);用戶點擊我們的計算按鈕的時候,我們的第三個框框就要出現(xiàn)我們計算的答案

這個時候,是誰幫助我們完成這個任務(wù)呢?UIViewController
2、監(jiān)聽按鈕的點擊(利用代碼完成)
2.1、首先,我們要將我們的上面的控件變成我們的屬性或方法

注意:::我們將我們的控件變成我們的屬性,還是方法是有依據(jù)的他們的依據(jù)就是:
將我們的這個控件變成我們的屬性或者是方法的辦法就是:(下面我做的是一個示范)而且我只示范最簡單的一個辦法:
如果我們要將我們的這個控件變成我們的屬性的時候就需要這么做

點擊我們的控件、按住我們的control鍵、用鼠標(biāo)拖向我們的這個紅色框框中間

這個時候會彈出一個框框:
然后回車鍵,就創(chuàng)建了一個屬性
將我們的控件變成方法的辦法:

同上面的第一小步一樣,只是當(dāng)彈出一個框框的時候,我們需要改一些東西:
注意上面的兩個與之前不同的地方(用小框框括起來了)
注意的是
1、我們的上面不難發(fā)現(xiàn)我們的控件變成的方法和屬性是在我們的UIViewController.m文件里面。這個先不要問為什么,到時候再解釋

2、當(dāng)我們創(chuàng)建好一個屬性的時候,也會發(fā)現(xiàn)我們的屬性都是weak的類型的這個類型不要改以后會解釋清楚地(我這個是隨便的命名的所以不熬在意,但是我們以后在命名的時候我們一定要注意的是命名的規(guī)范性)

我們將這些屬性、方法都弄好了之后代碼就是這個樣子的:
注意的是我們的左邊的實心點代表的是我們的控件與這個屬性、方法是相連的,而我們的上面的第一個是方法、剩下三個就是屬性

我們的這些的方法、屬性的實現(xiàn)都在下面的一個方法中,
疑問點:
IBAction:
1、能保證方法連線
2、相當(dāng)于void
IBOutlet:
1、能保證屬性可以連線

3、還有的是我們的Xcode建議我們將我們的一些屬性、方法的聲明放在我們的.m文件中
我們這樣做的好處就是:我們的這些方法、屬性是私有的,外界不能訪問的

注意我們的這個一些控件:
細(xì)節(jié)的優(yōu)化

1、當(dāng)用戶要輸入數(shù)據(jù)的時候,我們要求我們的鍵盤是數(shù)字框
我們需要的是點擊我們的這個UITextFile,然后按照上面的紅框框選擇
2、當(dāng)我們點擊我們的計算的時候,我們要求鍵盤要退出
這里面牽扯到一個專業(yè)詞:
響應(yīng)者:能夠做出反應(yīng)的對象就做響應(yīng)者

第一響應(yīng)者:叫出鍵盤的那個控件? (在我們的加法計算器的代碼中右邊那個控件就叫做第一響應(yīng)者)
我們的這一行代碼就是完成我們的退出鍵盤的這個功能
初學(xué)者易犯的錯誤

動畫的制作以及我們的圖片的移動與縮放

效果演示:
關(guān)于我們的按鈕還有很多的功能的

我們的按鈕是分為多種狀態(tài)的,而現(xiàn)在我們先掌握這三種狀態(tài)
1、平常狀態(tài):normal
2、點擊時的狀態(tài):highlight
3、無法使用的狀態(tài):disable
這上面的三種狀態(tài)都是可以有不同的圖片、文字等等

這三種狀態(tài)的調(diào)節(jié)在:

但是我們知道我們一旦點擊我們的按鈕的時候我們的按鈕的上面就會在上面鋪一層灰色的顏色所以我們需要點擊這個功能消除這個功能
上面我們解釋了我們每一個控件在我們的界面上都有一個坐標(biāo)位置

我們想讓我們的這個圖片變動位置,就需要改變我們的這個坐標(biāo)位置
如果發(fā)現(xiàn)我們的圖片的位置、大小并沒有改變可能是我們的這功能在作怪:
auto layout(自動布局)
我們需要將這個功能關(guān)掉(自己找到這個功能關(guān)掉吧)
其實我們的每一個控件都有一個屬性:tag值

我們通過設(shè)定不同控件的不同的tag的值,來方便我們操作我們的控件,而我們下面就是用tag來操作我們的控件

我們的動畫的制作也很簡單:

通過代碼的方式添加控件
這就是我們一些關(guān)于我們的UI的常見屬性
下一次是我們的圖片瀏覽器,湯姆貓
我們以這個小實例講解我們的UI的一些知識點
這可能是這學(xué)期的最后一篇文章了,由于本人現(xiàn)在要為期末考試復(fù)習(xí)了
謝謝大家的支持?。?!
提前預(yù)祝,各位看官新年快樂,雖然有點太早了