1.基本使用

將要使用的圖片拖入到項目里，我這里使用的是名為“1.jpg”的圖片，然后創(chuàng)建UIImageView，并設置要顯示的圖片為"1.jpg"
//1. 基本使用 let imageView = UIImageView(frame: CGRectMake(100, 10, 200, 200)) imageView.image = UIImage(named:"1.jpg") self.view.addSubview(imageView)

2.UIImageView的用戶交互

UIImageView的用戶交互默認是關閉的，也就是說添加到ImageView上的事件都不會響應，需要我們手動設置userInteractionEnabled屬性為真，我們給UIImageVIew添加一個點擊手勢來測試一下，如果注釋掉第一行，點擊就會失去反應
//2. 用戶交互 imageView.userInteractionEnabled = true let tap = UITapGestureRecognizer(target: self, action: Selector("tapAction:")) imageView.addGestureRecognizer(tap) func tapAction(tap :UITapGestureRecognizer) { let scale :CGFloat = 1.2 var frame = tap.view!.frame frame = CGRectMake(frame.origin.x * scale, frame.origin.y * scale, frame.size.width * scale, frame.size.height * scale) tap.view!.frame = frame }

3.圖片拉伸

1. 整張圖片拉伸
為了便于區(qū)分，我們給self.view一個紅色背景，imageView為綠色，同時改變imageView的高度為300。原圖尺寸為136?×?94
//1) 圖片整體拉伸 self.view.backgroundColor = UIColor.redColor() imageView.backgroundColor = UIColor.greenColor() var frame = imageView.frame frame = CGRectMake(frame.origin.x, frame.origin.y, frame.size.width, 300) imageView.frame = frame // 設置拉伸模式 /* ScaleToFill: 填充模式，圖片不會保持原來的比例 ScaleAspectFit: 圖片保持原來的比例，寬度填充，高度自適應 ScaleAspectFill： 圖片保持原來的比例，高度填充，寬度自適應 */ imageView.contentMode = UIViewContentMode.ScaleAspectFit

圖片拉伸模式比較

2. 部分拉伸
部分拉伸的原理:通過UIEdgeInsets設置拉伸區(qū)域，通過減去top、left、bottom、right的距離，得到的中間區(qū)域就是拉伸區(qū)域。通過平鋪拉伸區(qū)域或者拉伸拉伸區(qū)域來實現部分拉伸。具體計算請看resizableImageWithCapInsets:方法的探析
//2) 部分拉伸 let imageView2 = UIImageView(frame: CGRectMake(10, 320, 200, 94)) // imageView2.image = UIImage(named: "qipao.png") imageView2.backgroundColor = UIColor.greenColor() self.view.addSubview(imageView2) // 設置拉伸 // stretch：通過拉伸來填充 imageView2.image = UIImage(named: "qipao.png")!.resizableImageWithCapInsets(UIEdgeInsetsMake(52, 40, 36, 64), resizingMode: UIImageResizingMode.Stretch) // tile：通過重復來填充 // imageView2.image = UIImage(named: "qipao.png")!.resizableImageWithCapInsets(UIEdgeInsetsMake(52, 40, 36, 64), resizingMode: UIImageResizingMode.Tile)

4.圖片動畫

先把動畫素材導入到項目，創(chuàng)建數組讀取圖片，再賦值給imageView的animationImages屬性，分別設置好動畫時間和循環(huán)次數后開啟動畫
//4. 圖片動畫 // 創(chuàng)建UIimage數組，數組每個元素為一幀 let animationImages = NSMutableArray() for var i = 1; i <= 40; i++ { let image = UIImage(named: "v\(i).jpg") animationImages.addObject(image!) } let array = animationImages as Array as? [UIImage] // 設置animationImages imageView.animationImages = array // 設置動畫時間 imageView.animationDuration = 9 // 設置動畫循環(huán)次數，0為無限循環(huán) imageView.animationRepeatCount = 0 // 開啟動畫 imageView.startAnimating()

5.源碼下載

https://github.com/ljcoder2015/SwiftStudyNote/tree/master/swift-UIImageView

文／ljcoder（簡書作者）
原文鏈接：http://www.jianshu.com/p/f7fca80a7235
著作權歸作者所有，轉載請聯系作者獲得授權，并標注“簡書作者”。

轉載于:https://www.cnblogs.com/wanghuaijun/p/5553067.html

總結

以上是生活随笔為你收集整理的swift学习笔记-UI篇之UIImageView的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。