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 。欢迎大家访问！

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

Android 图片控件ImageView
前言: 这篇博客聊一聊在Android下ImageView的使用,在此篇博客中, 会讲解到ImageView的一些属性的使用,以及ImageView展示图片的放大.缩小.旋转等操作. 最后再讲解一下A ...
IOS开发UIScrollView控件详解
首先实现UIScrollViewDelegate协议: [plain] view plaincopy #import <UIKit/UIKit.h> @interface Activity ...
IOS开发UI控件UIScrollView和Delegate的使用
1. 什么是UIScrollView 移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容普通的UIVie ...
iOS开发--UIKit控件之UISearchBar(搜索栏)
今天因为需求原因,需要用到搜索控件:之前一直没有用到过这个控件,所以去百度了一下,找到一篇可以说很齐全的资料,感谢这位作者. 然而,我并没有找到可以更改字体大小的属性或方法,希望有知道的告诉我一声,谢 ...
iOS开发 ---- 其他控件,弹窗,滑块,菊花,步进,分段等
UIControlHub UISwitch 开关 1. 继承于UIControl 默认大小事79*27 2. 一般通过center属性来设位置 3. tintColor 边框的颜色 4. onTint ...
iOS开发-UI控件:UIImagePickerController 视频录制操作，视频大小，时间长度
转自: http://www.cnblogs.com/cocoajin/p/3494290.html 简介: 使用 iOS 系统 UIImagePickerController 获取视频大小获取视频 ...
android开发重要控件,Android界面编程——Android基本控件
Android界面编程 Android应用开发的一项重要内容就是界面开发.对于用户来说,不管APP包含的逻辑多么复杂,功能多么强大,如果没有提供友好的图形交互界面,将很难吸引最终用户. 作为一个程序员 ...
vue拖拽控件生成界面代码_Blue HMI人机界面开发平台
随着信息技术在军工.制造业等领域的不断普及和快速发展,各行业信息系统软件的研制正在由传统的重复.烟囱式开发模式向以系统顶层设计为指导,以标准化.组件化.集成化软件开发为重点的模式逐步转变. ...
Xcode 开发控件如何和代码配合使用
Xcode 开发控件如何和代码配合使用 1.如何找到Interface Builder. 看到网上不少教程里都有下面的图片,说明Xcode可以直接拖拉控件来进行编程,无赖看了很多教程以后,实在怎么点 ...

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

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

最新文章

热门文章