iOS开发使用Picker View实现一个图片浏览的App

      今天我们要简单做一个通过Picker View控件的选择，然后在另一个界面显示图片的App。主要模块由两部分，即Picker View控件的使用，以及两个界面间的数据传递。

（1）在第一个界面中拖入一个Picker View控件（有点像Date Picker），用来滚动选择图片的名称；在第二个界面中拖入一个ImageView.用来根据第一个界面传入的数据显示不同的图片。界面布局如下：


。

（2）拖入几张照片到images.xcassets中，用来显示，本文使用5张照片。

（3）在ViewController.swift中为需要在Picker View中显示的文字建立一个数组，具体如下：


。

（3）新建一个swift文件，作为第一个界面ViewController.swift的扩展，用来实现2个Picker View的Protocol，（可以理解为实现接口）。两个Protocol分别为：UIPickerViewDataSource；UIPickerViewDelegate。具体代码如下：


。

（4）绑定Picker View控件到代码中，并且在viewDidLoad中绑定刚才实现的数据源和代理；


。

（5）实现完以上步骤后，运行程序，发现Picker View已经可以正常使用，并能显示数组中的文本；


。

（6）在进行界面跳转的时候需要传递数据，要用到prepareForSegue方法。可以先指定Storyboard Segue的Identifier为：“GoToGallery”。为什么一定要指定Identifier。因为同一个界面可能要跳到多个不同的界面，所以会有不同的Segue。方法实现如下：

override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {

if segue.identifier == "GoToGallery"{

let index = picPicker.selectedRowInComponent(0)

var imageName:String?
switch index{

case 0:
imageName = "gugong"
break

case 1:
imageName = "tiantan"
break

case 2:
imageName = "shuilifang"
break

case 3:
imageName = "niaochao"
break

case 4:
imageName = "tiananmen"
break

default :
imageName = nil
}

var vc = segue.destinationViewController as! GalleryViewController
vc.imageName = imageName

}//if;
}//prepareForSegue();

（7）在第二个界面的中如何进行获取呢？声明一个全局的变量imageName,然后根据这个imageName来显示图片。实现代码如下：


。

（8）经过上述步骤后，实现效果如下：


。


。


。


。

下面附上几个重要类的所有代码：

ViewController.swift:

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var picPicker: UIPickerView!

let pic = ["故宫","天坛","水立方","鸟巢","天安门"]

override func viewDidLoad() {
super.viewDidLoad()

picPicker.dataSource = self
picPicker.delegate = self

}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}

override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {

if segue.identifier == "GoToGallery"{

let index = picPicker.selectedRowInComponent(0)

var imageName:String?
switch index{

case 0:
imageName = "gugong"
break

case 1:
imageName = "tiantan"
break

case 2:
imageName = "shuilifang"
break

case 3:
imageName = "niaochao"
break

case 4:
imageName = "tiananmen"
break

default :
imageName = nil
}

var vc = segue.destinationViewController as! GalleryViewController
vc.imageName = imageName

}//if;
}//prepareForSegue();

//Unwind Segue
@IBAction func close(segue:UIStoryboardSegue){

print("closed")
}

}//ViewController()

GalleryViewController.swift:

import UIKit

class GalleryViewController: UIViewController {

@IBOutlet weak var beautyImage: UIImageView!

var imageName:String?

override func viewDidLoad() {
super.viewDidLoad()

if imageName != nil{

beautyImage.image = UIImage(named: imageName!)
}

}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}

}

ViewControllerExtension.swift:

import UIKit

//新建ViewControllerExtension.swift，作为第一个界面ViewController的扩展；
extension ViewController: UIPickerViewDataSource{

func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int{

return 1
}

func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int{

return pic.count
}
}

extension ViewController: UIPickerViewDelegate{

func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String!{

return pic[row]
}
}

github主页：https://github.com/chenyufeng1991  。欢迎大家访问！