1.基本使用
將要使用的圖片拖入到項目里，我這里使用的是名為“1.jpg”的圖片，然后創建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. 整張圖片拉伸
為了便於區分，我們給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設置拉伸區域，通過減去top、left、bottom、right的距離，得到的中間區域就是拉伸區域。通過平鋪拉伸區域或者拉伸拉伸區域來實現部分拉伸。具體計算請看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.圖片動畫
先把動畫素材導入到項目，創建數組讀取圖片，再賦值給imageView的animationImages屬性，分別設置好動畫時間和循環次數后開啟動畫//4. 圖片動畫 // 創建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 // 設置動畫循環次數，0為無限循環 imageView.animationRepeatCount = 0 // 開啟動畫 imageView.startAnimating()
5.源碼下載
https://github.com/ljcoder2015/SwiftStudyNote/tree/master/swift-UIImageView
原文鏈接：http://www.jianshu.com/p/f7fca80a7235
著作權歸作者所有，轉載請聯系作者獲得授權，並標注“簡書作者”。