6--UIImageView 和 UIImage

大綱:

創(chuàng)建 UIImageView 和 UIImage (兩者關(guān)系贸铜,構(gòu)造方法構(gòu)建,類方法構(gòu)建)

基本設(shè)置(位置聂受,大小蒿秦,背景顏色)

圖片填充模式(拉伸蛋济,居中......)

圖片的平移與縮放

動畫(創(chuàng)建動畫棍鳖,動畫設(shè)置,動畫播放/停止)

手勢(創(chuàng)建手勢碗旅,設(shè)置手勢鹊杖,啟用手勢,獲取手勢所在的View)

開發(fā)小技巧

一扛芽、創(chuàng)建UIImageView 和 UIImage

//創(chuàng)建UIImageView和UIimage 
//兩者關(guān)系類似于NSString和UILabel
//UIImage繼承自NSObject骂蓖,是一個對象,不是視圖
//UIImageView繼承自UIView川尖,是一個視圖
//使用構(gòu)造方法構(gòu)建
    UIImage * image = [UIImage imageNamed:@"mouse.png"];
    UIImageView * imageView = [[UIImageView alloc]initWithImage:image];
//使用類方法構(gòu)建
    UIImageView * imageView1 = [[UIImageView alloc]init];
    imageView.image = [UIImage imageNamed:@"mouse.png"];

二登下、基本設(shè)置(位置,大小叮喳,背景顏色)

//設(shè)置位置和大小
    imageView.frame = CGRectMake(10, 20, 150, 50);
//設(shè)置背景顏色
    [imageView setBackgroundColor:[UIColor redColor]];

三被芳、圖片填充模式(拉伸,居中......)

//UIViewContentModeScaleToFill,         拉伸
//UIViewContentModeScaleAspectFit,      按照寬高的最小者的比例縮放
//UIViewContentModeScaleAspectFill,     按照寬高的最大者的比例縮放
//UIViewContentModeRedraw,
//UIViewContentModeCenter,
//UIViewContentModeTop,
//UIViewContentModeBottom,
//UIViewContentModeLeft,
//UIViewContentModeRight,
//UIViewContentModeTopLeft,
//UIViewContentModeTopRight,
//UIViewContentModeBottomLeft,
//UIViewContentModeBottomRight,
    imageView.contentMode = UIViewContentModeScaleToFill;

四馍悟、圖片的平移與縮放

//移動
//第一個參數(shù):原來的Transform
//第二個參數(shù):X軸平移距離
//第三個參數(shù):Y軸平移距離
        CGAffineTransform old = imageView.transform;
        CGAffineTransform new = CGAffineTransformTranslate(old, 10, 0);
        imageView.transform = new;
//縮放
//第一個參數(shù):原來的Transform
//第二個參數(shù):X軸按比例縮放
//第三個參數(shù):Y軸按比例縮放
        CGAffineTransform old = imageView.transform;
        CGAffineTransform new = CGAffineTransformScale(old, 0.8, 0.8);
        imageView.transform = new;

五畔濒、動畫(創(chuàng)建動畫,動畫設(shè)置锣咒,動畫播放/停止)

//創(chuàng)建動畫過程
//獲取動畫侵状,先創(chuàng)建一個UIImageView的對象(不然一開始是沒有任何圖像在屏幕上)
    _imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 20, 50, 50)];
    _imageView.image = [UIImage imageNamed:@"DOVE 1.png"];
//設(shè)置動畫的背景
    UIImageView * backImage = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 480)];
    backImage.image = [UIImage imageNamed:@"back2.jpg"];
//創(chuàng)建一個數(shù)組存儲圖片赞弥,數(shù)組的元素是UIImage的對象
    NSMutableArray * arr = [[NSMutableArray alloc]init];
    for (int i = 1; i < 19; i++) {
//使用UIImage的對象獲取圖片
        UIImage * image = [UIImage imageNamed:[NSString stringWithFormat:@"DOVE %d.png",i]];
        [arr addObject:image];
    }
//設(shè)置動畫每一幀的圖片
    _imageView.animationImages = arr;
//設(shè)置動畫的播放間隔
    _imageView.animationDuration = 1/24(設(shè)置多少幀每秒);
//設(shè)置重復(fù)次數(shù)(0為不停重復(fù))
    _imageView.animationRepeatCount = 0;
//設(shè)置動畫開始
    [_imageView startAnimating];
//設(shè)置動畫停止
    [_imageView stopAnimating];

六、手勢(創(chuàng)建手勢趣兄,設(shè)置手勢绽左,啟用手勢,獲取手勢所在的View——詳見 Day12 的筆記)

//創(chuàng)建手勢
    UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc]init];
//觸發(fā)該手勢需要 點擊 的次數(shù)
    tap.numberOfTapsRequired = 1;
//觸發(fā)該手勢需要 手指 的次數(shù)
    tap.numberOfTouchesRequired = 1;
//給手勢設(shè)置執(zhí)行的方法
    [tap addTarget:self action:@selector(test:)];
//在View上面加入手勢
    [view3 addGestureRecognizer:tap];
//獲取手勢所在的View
    UIView * tmpView = tap.view;

七艇潭、開發(fā)小技巧

//View(顏色為clear)+手勢的應(yīng)用(毆打Tomcat)
//動畫可以加上計時器一起運用(結(jié)合飛行標簽)
//圖片的平移和縮放結(jié)合計時器的運用(淘寶購物車效果)
//好好利用屬性拼窥,省去傳參麻煩
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蹋凝,隨后出現(xiàn)的幾起案子鲁纠,更是在濱河造成了極大的恐慌,老刑警劉巖鳍寂,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件房交,死亡現(xiàn)場離奇詭異,居然都是意外死亡伐割,警方通過查閱死者的電腦和手機候味,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隔心,“玉大人白群,你說我怎么就攤上這事∮不簦” “怎么了帜慢?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長唯卖。 經(jīng)常有香客問我粱玲,道長,這世上最難降的妖魔是什么拜轨? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任抽减,我火速辦了婚禮,結(jié)果婚禮上橄碾,老公的妹妹穿的比我還像新娘卵沉。我一直安慰自己,他們只是感情好法牲,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布史汗。 她就那樣靜靜地躺著,像睡著了一般拒垃。 火紅的嫁衣襯著肌膚如雪停撞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天悼瓮,我揣著相機與錄音戈毒,去河邊找鬼艰猬。 笑死,一個胖子當著我的面吹牛副硅,可吹牛的內(nèi)容都是我干的姥宝。 我是一名探鬼主播翅萤,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼恐疲,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了套么?” 一聲冷哼從身側(cè)響起培己,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎胚泌,沒想到半個月后省咨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡玷室,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年零蓉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片穷缤。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡敌蜂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出津肛,到底是詐尸還是另有隱情章喉,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布身坐,位于F島的核電站秸脱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏部蛇。R本人自食惡果不足惜摊唇,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望涯鲁。 院中可真熱鬧遏片,春花似錦、人聲如沸撮竿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幢踏。三九已至髓需,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間房蝉,已是汗流浹背僚匆。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工微渠, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人咧擂。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓逞盆,卻偏偏與公主長得像,于是被迫代替她去往敵國和親松申。 傳聞我的和親對象是個殘疾皇子云芦,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件贸桶、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,103評論 4 62
  • 在iOS中隨處都可以看到絢麗的動畫效果舅逸,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌皇筛。在這里你可以看...
    每天刷兩次牙閱讀 8,489評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果琉历,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌水醋。在這里你可以看...
    F麥子閱讀 5,111評論 5 13
  • 2016年12月31日到2017年1月2日這三天我在成都度過旗笔,這是我第一次去成都旅行,也是我新年的第一次長途旅行拄踪。...
    Miss童閱讀 5,281評論 25 56
  • 今天想談?wù)勎蚁壬?1蝇恶,小鮮肉&老臘肉 沒結(jié)婚之前,我家先生號稱自己是小鮮肉宫蛆,用他的話說評價自己是年輕艘包、帥氣又健碩...
    悠然榛子閱讀 449評論 4 2