開發第一個IOS小程序 - 點擊按鈕文字變色


    1、 題目:實現點擊按鈕切換文字對應的顏色

2、分析大致的開發步驟是

•添加所需要的UI元素:3個按鈕(UIButton)、1個文本標簽(UILabel)
•監聽3個按鈕的點擊事件
•改變文本標簽的文字顏色
3、具體實現步驟
3.1 在storyboard文件中,拖拽相應控件器上,布局好以上顯示頁面效果
3.2 然后利用Xcode右端上的“圓圈”按鈕,將代碼區分割成 “Main.storyboard”與“viewController.m”文件,兩個可以按住control鍵,不要放開,將以上元素拖到“viewController.m”文件中,拖之后記得要命名得體,讓人一目了然。
 1. (圓圈按鈕,可進行分割代碼區為兩個文件)
 2. 當你按住control鍵,不要放開,將storyboard視圖中的“label控件”拖拽到“viewController”文件中時,會彈出對話框然后,
你選擇Outlet,再需填寫控件的Name屬性即可,最后點擊“Connect”按鈕,這樣就會生成在“viewController.m”文件中
@property (weak, nonatomic) IBOutlet UILabel *label;

這樣就將可以在viewController.m中獲取到了stroyboard中的label對象,下一步就是只需當點擊對應按鈕,改變label對象的顏色即可。

 3. 同理,你可以拖拽以上三個按鈕到viewController.m中,但是,需注意的時,此時你需要設置的是選擇Action下拉選項,因為你需要的是綁定按鈕事件,

Name:是監聽按鈕事件的名稱,Type:你要選擇控件實際類型,如,我進行監聽按鈕點擊事件,就可以選擇UIButton類型,Event:控件事件,Touch up Inside按鈕點擊后抬起事件監聽,然后就會生成如上圖右邊的代碼:

- (IBAction)changeColor:(UIButton *)sender;

4. 最后,我們就可以寫處理按鈕點擊事件的代碼了,在這之前你還可以做的一件事情就是,設置三個按鈕的tag屬性借住storyboard右邊的屬性欄修改各自為0,1,2各自,這樣做的好處就是,我們可以讓3個按鈕都拖拽到什么的方法,關聯同一個方法changeColor:,這樣就可以達到一定的封裝思想,集中處理按鈕點擊變色邏輯。這樣做的前提是,因為我們可以通過設置好的按鈕的屬性tag來分辨成點擊的了三個按鈕中的哪個按鈕。

- (IBAction)changeColor:(UIButton *)sender {
    
    self.label.textAlignment = UITextAlignmentCenter;
    switch (sender.tag) {
        case 0:
            // 紅色
            self.label.textColor = [UIColor redColor];
            break;
        case 1:
            // 綠色
            self.label.textColor = [UIColor greenColor];
            break;
        case 2:
            // 藍色
            self.label.textColor = [UIColor blueColor];
            break;
        default:
            break;
    }
}

 5. 這樣就完成了這個變色的小程序,command + r 運行即可。點擊“綠色”按鈕,效果如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM