Swift3 - 圖像控件(UIImageView)的用法

1 使用圖像控件顯示圖片

let imageView=UIImageView(image:UIImage(named:"icon"))
imageView.frame=CGRectMake(10,10,100,100)
self.view.addSubview(imageView)

2 改變圖片

imageView.image=UIImage(named:"icon")

3 從文件目錄中獲取圖片

let path = NSBundle.mainBundle().pathForResource("apple", ofType: "png")
let newImage = UIImage(contentsOfFile: path!)
let imageView = UIImageView(image:newImage)
self.view.addSubview(imageView)

4 從網(wǎng)絡(luò)地址獲取圖片

//定義NSURL對(duì)象
let url = NSURL(string: "http://hangge.com/blog/images/logo.png")
//從網(wǎng)絡(luò)獲取數(shù)據(jù)流
let data = NSData(contentsOfURL: url!)
//通過數(shù)據(jù)流初始化圖片
let newImage = UIImage(data: data!)
let imageView = UIImageView(image:newImage);
self.view.addSubview(imageView)

5 使用圖像控件實(shí)現(xiàn)動(dòng)畫播放

UIImageView中提供了存儲(chǔ)多張圖片來創(chuàng)建動(dòng)畫的功能,具體做法是,在animationImages屬性中設(shè)置一個(gè)圖片數(shù)組,然后使用startAnimating方法開始動(dòng)畫,最后用stopAnimating方法停止動(dòng)畫。同時(shí),使用animationDuration屬性中可以設(shè)置動(dòng)畫每幀切換的速度(秒)。

class ViewController: UIViewController {
     
    var imageView:UIImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
 
        imageView=UIImageView()
        imageView.frame=CGRectMake(10,10,100,100)
        //設(shè)置動(dòng)畫圖片
        imageView.animationImages=[UIImage(named:"icon")!,UIImage(named:"icon2")!]
        //設(shè)置每隔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()
    }  
}

6 保持圖片比例

默認(rèn)UIImageView會(huì)拉伸圖片使其占滿整個(gè)UIImageView,如果不想讓圖片變形,可以將ContentMode設(shè)置為Aspect Fit。

imageView.contentMode = .ScaleAspectFit
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,688評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫全貌。在這里你可以看...
    F麥子閱讀 5,261評(píng)論 5 13
  • 對(duì)于OS系統(tǒng)中湯姆貓游戲App的構(gòu)造可以使用兩種方法;其一、是按照步驟對(duì)代碼一個(gè)一個(gè)的敲出來并使用,然而其過...
    圍籬亦海莊閱讀 614評(píng)論 0 0
  • #iOS開發(fā)之UI篇#iOS開發(fā)之UI篇 #常用控件介紹1## #UI第09天:滾動(dòng)視圖# ##UIScrollV...
    LennonLin閱讀 1,846評(píng)論 0 0
  • { 11、核心動(dòng)畫 需要簽協(xié)議,但是系統(tǒng)幫簽好 一、CABasicAnimation 1、創(chuàng)建基礎(chǔ)動(dòng)畫對(duì)象 CAB...
    CYC666閱讀 1,691評(píng)論 2 4

友情鏈接更多精彩內(nèi)容