swift学习笔记-UI篇之UIImageView
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
著作權歸作者所有，轉載請聯系作者獲得授權，并標注“簡書作者”。
轉載于:https://www.cnblogs.com/wanghuaijun/p/5553067.html
總結
以上是生活随笔為你收集整理的swift学习笔记-UI篇之UIImageView的全部內容，希望文章能夠幫你解決所遇到的問題。
