swift学习笔记-UI篇之UIImageView
1.基本使用
將要使用的圖片拖入到項目里，我這里使用的是名為“1.jpg”的圖片，然后創(chuàng)建UIImageView，并設(shè)置要顯示的圖片為"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的用戶交互默認(rèn)是關(guān)閉的，也就是說添加到ImageView上的事件都不會響應(yīng)，需要我們手動設(shè)置userInteractionEnabled屬性為真，我們給UIImageVIew添加一個點擊手勢來測試一下，如果注釋掉第一行，點擊就會失去反應(yīng)
//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 // 設(shè)置拉伸模式 /* ScaleToFill: 填充模式，圖片不會保持原來的比例 ScaleAspectFit: 圖片保持原來的比例，寬度填充，高度自適應(yīng) ScaleAspectFill： 圖片保持原來的比例，高度填充，寬度自適應(yīng) */ imageView.contentMode = UIViewContentMode.ScaleAspectFit
圖片拉伸模式比較
2. 部分拉伸
部分拉伸的原理:通過UIEdgeInsets設(shè)置拉伸區(qū)域，通過減去top、left、bottom、right的距離，得到的中間區(qū)域就是拉伸區(qū)域。通過平鋪拉伸區(qū)域或者拉伸拉伸區(qū)域來實現(xiàn)部分拉伸。具體計算請看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) // 設(shè)置拉伸 // stretch：通過拉伸來填充 imageView2.image = UIImage(named: "qipao.png")!.resizableImageWithCapInsets(UIEdgeInsetsMake(52, 40, 36, 64), resizingMode: UIImageResizingMode.Stretch) // tile：通過重復(fù)來填充 // imageView2.image = UIImage(named: "qipao.png")!.resizableImageWithCapInsets(UIEdgeInsetsMake(52, 40, 36, 64), resizingMode: UIImageResizingMode.Tile)
4.圖片動畫
先把動畫素材導(dǎo)入到項目，創(chuàng)建數(shù)組讀取圖片，再賦值給imageView的animationImages屬性，分別設(shè)置好動畫時間和循環(huán)次數(shù)后開啟動畫
//4. 圖片動畫 // 創(chuàng)建UIimage數(shù)組，數(shù)組每個元素為一幀 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] // 設(shè)置animationImages imageView.animationImages = array // 設(shè)置動畫時間 imageView.animationDuration = 9 // 設(shè)置動畫循環(huán)次數(shù)，0為無限循環(huán) imageView.animationRepeatCount = 0 // 開啟動畫 imageView.startAnimating()
5.源碼下載
https://github.com/ljcoder2015/SwiftStudyNote/tree/master/swift-UIImageView
原文鏈接：http://www.jianshu.com/p/f7fca80a7235
著作權(quán)歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，并標(biāo)注“簡書作者”。
轉(zhuǎn)載于:https://www.cnblogs.com/wanghuaijun/p/5553067.html
總結(jié)
以上是生活随笔為你收集整理的swift学习笔记-UI篇之UIImageView的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
