iOS开发图片控件(ImageView)绑定代码并显示一张图片

       我在之前的一篇博客《iOS中如何显示一张图片》中谈到如何使用Image View来显示图片，这个操作是直接在Main.storyboard实现的。也就是说这张图片是写死在界面中了。但是在以后我们的开发中肯定不会这样，现在我们来学习如何把控件和代码进行绑定，在代码中实现对控件的操作。类似于Android中的 findViewById().但是比Android中的更加简单。

（1）在Main.storyboard中拖入一个Image View控件，然后点击右上角的两个圈圈的按钮（Show the Assistant editor）,此时左侧会显示Main.storyboard,右侧会显示ViewController.swift代码。

。

（2）鼠标点击左键，按住control键，拖动到右侧代码ViewController类中。在这个过程中也会出现蓝色箭头的线条。放开鼠标，会出现一行新的代码：@IBOutlet weak var iv: UIImageView!

如图所示：

。

（3）拖动一张图片到Supporting Files文件夹下，命名为image.png.然后编写一行代码：

iv.image = UIImage(named: "image.png")

如图所示：

。

（4）运行程序。发现照片可以成功显示，符合我们的预期。可以看到iOS 中控件和代码的绑定也是可视化进行的。非常方便。

.

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