原生UITabbarItem從網(wǎng)絡加載圖標

導讀

現(xiàn)在有很多APP的tabbar上的圖標在做活動時,都是在可以在服務器獲取數(shù)據(jù)的跷敬,我們平常下載圖片都是用的sdwebimage等第三方庫坚洽,但是里面沒有對于tabbaritem的下載圖片的方法辑舷。不自定義tabbar的話宇智,只能自己給tabbaritem寫個從網(wǎng)絡獲取圖片的功能了。

實現(xiàn)方案

1.按照sdwebimage的設計思路瑞筐,需要給tabbaritem寫一個UITabBarItem+WebCache的分類凄鼻,拓展2個下載圖片的方法(選中和非選中)。

   - (void)zy_setImageWithURL:(NSString *)urlString withImage:(UIImage *)placeholderImage
   - (void)zy_setSelectImageWithURL:(NSString *)urlString placeholderImage:(UIImage *)placeholderImage

2.需要一個圖片下載緩存器去協(xié)助UITabBarItem+WebCache去完成此功能聚假。還是模仿sdwebimage块蚌,根據(jù)傳入的url,依次從內(nèi)存膘格、本地峭范、網(wǎng)絡獲取image,第一次從網(wǎng)絡下載到圖片時闯袒,在內(nèi)存和本地都保存起來虎敦。獲取到image都不往下執(zhí)行了,實現(xiàn)如下:

- (void)zy_setImageWithURL:(NSString *)urlString withImage:(UIImage *)placeholderImage {

//1.從內(nèi)存中加載圖片
UIImage *image = [[ZYImageCacheManager sharedImageCacheManager] imageFromDictionary:urlString];

if (image) {
    //內(nèi)存有圖片政敢,就只接使用圖片
    self.image = [self scaleImage:[image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] toScale:0.5];
} else {
    //內(nèi)存沒有圖片其徙,就從本地讀區(qū)圖片
    image = [[ZYImageCacheManager sharedImageCacheManager] imageFromLocal:urlString];

    if (image) {
        //從本地讀取到了圖片,就直接使用
        self.image = [self scaleImage:[image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] toScale:0.5];

        //保存圖片到內(nèi)存中
        [[ZYImageCacheManager sharedImageCacheManager] setImage:image withURL:urlString];
    } else {
        //從本地沒有讀取到圖片喷户,從網(wǎng)絡下載
        [[ZYImageCacheManager sharedImageCacheManager] imageFromNetwork:urlString complete:^(UIImage *image) {
            //圖片下載完成后的操作
            //使用圖片
            self.image = [self scaleImage:[image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] toScale:0.5];
            if (image == NULL) {
                self.image = [placeholderImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
                return;
            }
            //加載到內(nèi)存
            [[ZYImageCacheManager sharedImageCacheManager] setImage:image withURL:urlString];

            //加載到本地
            [[ZYImageCacheManager sharedImageCacheManager] saveImage:image withURL:urlString];
        }];
    }
}

}

我將ZYImageCacheManager設置成一個單例類唾那,方便控制在內(nèi)存中的圖片,實現(xiàn)如下方法:

 //從內(nèi)存中加載圖片
 - (UIImage* )imageFromDictionary:(NSString* )key;

 //從本地加載圖片
 - (UIImage* )imageFromLocal:(NSString* )urlString;

  //從網(wǎng)絡加載圖片褪尝,因為是異步下載闹获,方法結(jié)束的時候圖片還沒有下載完成,我們沒有數(shù)據(jù)返回
 - (void)imageFromNetwork:(NSString* )urlString complete:(complete)complete;

 //保存圖片到內(nèi)存中
 - (void)setImage:(UIImage* )image withURL:(NSString* )urlString;

 //保存圖片到本地
 - (void)saveImage:(UIImage* )image withURL:(NSString* )urlString;

3.緩存到內(nèi)存中河哑,是將URLString作為key將image對象設置到字典中避诽;緩存到本地是將URLString進行md5加密(因為url里面包含“/”,為了消除它)作為圖片名字存到沙盒中璃谨;下載圖片沙庐,這里使用多線程異步并發(fā)去下載:

- (void)imageFromNetwork:(NSString *)urlString complete:(complete)complete {
//異步下載圖片
dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
    //從網(wǎng)絡獲取數(shù)據(jù)
    NSData *data = [NSData dataWithContentsOfURL:[NSURL URLWithString:urlString]];

    //從二進制生成圖片
    UIImage *image = [UIImage imageWithData:data];
    //切回主線程
    dispatch_async(dispatch_get_main_queue(), ^{
        if (complete) {
            complete(image);
        }
    });
});

}

4.同時要注意內(nèi)存大小鲤妥,防止內(nèi)存警告。

//接受一下內(nèi)存警告
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(clearImageCache) name:UIApplicationDidReceiveMemoryWarningNotification object:nil];
- (void)clearImageCache {
//清空緩存釋放內(nèi)存
[_imageCache removeAllObjects];
NSString *path = [NSHomeDirectory() stringByAppendingPathComponent:@"Library/Caches/ImageCache"];

[[NSFileManager defaultManager] removeItemAtPath:path error:nil];
}

具體代碼見我的github:https://github.com/zouyongfeng/UITabbarItem
star一下吧

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拱雏,一起剝皮案震驚了整個濱河市棉安,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌铸抑,老刑警劉巖贡耽,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鹊汛,居然都是意外死亡蒲赂,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門柒昏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凳宙,“玉大人熙揍,你說我怎么就攤上這事职祷。” “怎么了届囚?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵有梆,是天一觀的道長。 經(jīng)常有香客問我意系,道長泥耀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任蛔添,我火速辦了婚禮痰催,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘迎瞧。我一直安慰自己夸溶,他們只是感情好,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布凶硅。 她就那樣靜靜地躺著缝裁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪足绅。 梳的紋絲不亂的頭發(fā)上捷绑,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音氢妈,去河邊找鬼粹污。 笑死,一個胖子當著我的面吹牛首量,可吹牛的內(nèi)容都是我干的壮吩。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼粥航!你這毒婦竟也來了琅捏?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤递雀,失蹤者是張志新(化名)和其女友劉穎柄延,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缀程,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡搜吧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了杨凑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片滤奈。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖撩满,靈堂內(nèi)的尸體忽然破棺而出蜒程,到底是詐尸還是另有隱情,我是刑警寧澤伺帘,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布昭躺,位于F島的核電站,受9級特大地震影響伪嫁,放射性物質(zhì)發(fā)生泄漏领炫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一张咳、第九天 我趴在偏房一處隱蔽的房頂上張望帝洪。 院中可真熱鬧,春花似錦脚猾、人聲如沸葱峡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽族沃。三九已至,卻和暖如春泌参,著一層夾襖步出監(jiān)牢的瞬間脆淹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工沽一, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留盖溺,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓铣缠,卻偏偏與公主長得像烘嘱,于是被迫代替她去往敵國和親昆禽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

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

  • 前不久做了一個生成快照的需求蝇庭,其中用到 SDWebImage 來下載圖片醉鳖,在使用該框架的過程中也遇到了一些問題,索...
    ShannonChenCHN閱讀 14,053評論 12 241
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫哮内、插件盗棵、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,024評論 4 62
  • 圖片下載的這些回調(diào)信息存儲在SDWebImageDownloader類的URLOperations屬性中,該屬性是...
    怎樣m閱讀 2,360評論 0 1
  • 尋尋覓覓北发,冷冷清清纹因,凄凄慘慘戚戚。這句詩形容今天再恰當也不為過琳拨。 說降溫就降溫瞭恰,淅淅瀝瀝的小雨下個不停。 有時候好...
    他說他的不說閱讀 203評論 0 0
  • 鬼針草是一種清熱解毒的中草藥狱庇,少時在家感冒生病看不起醫(yī)生惊畏,就房前屋后山間田埂的尋覓草藥,配成一副煎水飲服僵井,再加清水...
    手繪者煥新閱讀 1,831評論 3 8