[ iOS ] ImageView 圖片切換簡易教學

1.首先準備2張圖片當成本次創作的素材。

（學生到 1009Design學習情形）

（學生到交大參展）

2.有關建立專案，請參考前2篇文章。

[ iPhone ] 按鈕（Button）程式設計

[iPhone] iPhone 程式設計（一） ﹣HelloWorld

專案設定如下；

Product Name:Photo

Company Identifier: tw.edu.nkut

Class Prefix: DLI

Device Family: iPhone

取消／設定下列選項

取消：Use Storyboards

設定：Use Automatic Reference counting

取消：Include Unit Tests

3.設計UI，從Object Library中，拖移 ImageView及Button兩個物件。

利用拖移技巧來設定 IBOutlet及IBAction。

@property (weak, nonatomic) IBOutlet UIImageView *imgView;

- (IBAction)btnAction:(id)sender;

 4.把準備好的圖片放到專案中，並將phone1.jpg設定給Image View。

 5.打開DLIViewController.h，輸入Boolean b;宣告變數b為布林值，只有真（true）和（false)兩種狀能真，其目的是為了記錄圖片切換的狀態值。

6.打開DLIViewControoler.m，輸入 @synthesize imgView;其中@synthesize是為了讓程式能直接操控imgView屬性值。接著在viewDidLoad事件程序中，設定b變數的初始值。viewDidLoad事件程序是指當View被載入時，將會被執行。

範例如下；

- (void)viewDidLoad

{

    [super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

    b = false;

}

接著在(IBAction)btnAction:(id)sender事件程序中輸入

    UIImage *image;
    if(b)
        image = [UIImage imageNamed:@"phone2.jpg"];
    else
        image = [UIImage imageNamed:@"phone1.jpg"];
    b = !b;
    imgView.image = image;
上方程式先定義一個UIImage變數，名稱為image，然後利用if來判斷b變數值。