Swift UI - 图像控件(UIImageView)

注:代码已升级至Swift4

使用图像控件显示图片

1
2
3
let imageView = UIImageView(image:UIImage(named:"image1"))
imageView.frame = CGRect(x:10, y:30, width:300, height:150)
self.view.addSubview(imageView)

改变图片

1
imageView.image = UIImage(named:"icon2")

从文件目录中获取图片

1
2
3
4
let path = Bundle.main.path(forResource: "ball", ofType: "png")
let newImage = UIImage(contentsOfFile: path!)
let imageView = UIImageView(image:newImage)
self.view.addSubview(imageView)

从网络地址获取图片

1
2
3
4
5
6
7
8
//定义URL对象
let url = URL(string: "http://www.appblog.cn/css/images/logo128.jpg")
//从网络获取数据流
let data = try! Data(contentsOf: url!)
//通过数据流初始化图片
let newImage = UIImage(data: data)
let imageView = UIImageView(image:newImage);
self.view.addSubview(imageView)

使用图像控件实现动画播放

UIImageView 中提供了存储多张图片来创建动画的功能,具体做法是,在 animationImages 属性中设置一个图片数组,然后使用 startAnimating 方法开始动画,最后用 stopAnimating 方法停止动画。同时,使用 animationDuration 属性中可以设置动画每帧切换的速度(秒)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import UIKit

class ViewController: UIViewController {

var imageView:UIImageView!

override func viewDidLoad() {
super.viewDidLoad()

imageView = UIImageView()
imageView.frame = CGRect(x:20, y:20, width:100, height:100)
//设置动画图片
imageView.animationImages = [UIImage(named:"icon1")!, UIImage(named:"icon2")!]
//设置每隔0.5秒变化一次
imageView.animationDuration = 0.5
self.view.addSubview(imageView)
}

override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
imageView.startAnimating()
}

override func viewWillDisappear(_ animated: Bool) {
super.viewWillAppear(animated)
imageView.stopAnimating()
}

override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}

保持图片比例

默认 UIImageView 会拉伸图片使其占满整个 UIImageView,如果不想让图片变形,可以将 ContentMode 设置为 Aspect Fit

1
imageView.contentMode = .scaleAspectFit

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :