本節目錄

• UIButton
• 綜合示例
• 九宮格公式

UIbutton

• 按鈕的作用

  1. 可以和使用者互動
  2. 技能顯示圖片，也能顯示文字

• 按鈕的狀態

  1. normal（普通狀態）
     
     1. 預設情況（Default）
     2. 對應的列舉常量：UIControlStareNormal
  2. highlighted（高亮狀態）
     
     1. 按鈕被按下去的時候（手指還未鬆開）
     2. 對應的列舉常量:UIControlStateHighlighted
  3. disabled（失效狀態，不可用狀態）
     
     1. 如果enabled屬性為NO，就是出於disable狀態，代表按鈕不可以被點選
     2. 對應的列舉常量：UIControlStateDisabled
• 按鈕的常見設定

    //設定按鈕的文字
        -(void)setTitle:(NSString *)title forState:(UIControlState)state;
         // 設定按鈕的文字顏色
        -(void)setTitleColor:(UIColor *)color  forState:(UIControlState)state;
        //設定按鈕內部的小圖片
        -(void)setImage:(UIImage *)image forState:(UIControlState)state; 
        //設定按鈕的背景圖片
 

        -(void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;

綜合示例

• 需求分析

  1. 兩個按鈕
     
     1. 新增商品
     2. 移除商品
  2. 所有商品的View
     
     1. 用於存放所有的商品

• 介面的搭建

  1. 兩個按鈕
     
     1. 新增商品
        
        1. 拖入對應的控制元件
        2. 監聽按鈕的點選事件
     2. 移除商品
        
        1. 拖入對應的控制元件
        2. 監聽按鈕的點選事件
  2. 商品的View
     
     1. 直接拖入一個View即可

• 功能的實現

九宮格公式

• 在同一行不斷新增View
• 其中index可以直接使用該數在陣列中的位置
• Y值不變,X值:(間距+寬度) * (下標 % 總列數)
• 在不同行不斷新增View
• Y值(間距 + 高度) * (下標/總列數),X值:(間距+寬度) * (下標 % 總列數)