MBProgressHUD自定義動畫封裝

發(fā)現(xiàn)在使用MB的自定義動畫的時候,如果不封裝一下每個地方就會多出一堆的重復(fù)代碼,So找了一下百度态蒂,將原本未封裝的代碼封裝了下堰汉,原本未封裝的自定義動畫代碼如下:

   //自定義view
    self.hud = [[MBProgressHUD alloc] initWithView:self.view];
    //取消背景框
    self.hud.color = [UIColor clearColor];
    [self.view addSubview:_hud];
    UIImageView *images = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, SCR_W * 50, SCR_W * 50)];
    NSMutableArray *imageArray = [[NSMutableArray alloc]init];
    for(int i = 0; i < 2 ; i++){
        NSString *imgName = [NSString stringWithFormat:@"loading%d",i];
        [imageArray addObject:[UIImage imageNamed:imgName]];
    }
    images.animationDuration = 0.3;
    images.animationImages = imageArray;
    // 開始播放
    [images startAnimating];
    //自定義
    _hud.mode = MBProgressHUDModeCustomView;
    _hud.delegate = self;
    _hud.customView = images;
    _hud.labelText = @"努力加載中...";
    _hud.labelColor = COLOR_153;//宏定義的字體顏色
    [_hud show:YES];

先上一波效果圖


自定義動畫刷新.gif

現(xiàn)在開始封裝:

1辽社、創(chuàng)建一個NSObject的類CustomShowHud:

在CustomShowHud.h文件中,記得引入MBProgressHud的頭文件MBProgressHUD.h翘鸭,定義自己所需要的屬性滴铅,例如:

@interface CustomShowHud : NSObject
@property (nonatomic, assign) MBProgressHUDAnimation animationStyle;
@property (nonatomic, copy) NSString * text;//顯示的文字
@property (nonatomic, copy) UIColor * textColor;//顯示的文字顏色
    + (instancetype)showCustomHudText:(NSString *)text textColor:(UIColor *)color InView:(UIView *)view;
    - (void)animationShow:(BOOL)show;
    - (void)hide:(BOOL)hide;
@end

2、在CustomShowHud.m文件中

創(chuàng)建全局的MBProgressHUD

@interface CustomShowHud ()<MBProgressHUDDelegate>
{
    MBProgressHUD *_hud;
}
@end

創(chuàng)建 - (instancetype)initWithView:(UIView *)view,添加視圖

- (instancetype)initWithView:(UIView *)view
{
    if (view == nil) {
        return nil;
    }
    self = [super init];
    if (self) {
        //自定義view
        _hud = [[MBProgressHUD alloc] initWithView:view];
        //取消背景框
        _hud.color = [UIColor clearColor];
        [view addSubview:_hud];
    }
    return self;
}

重寫定義的屬性就乓,并賦值給hud

  - (MBProgressHUDAnimation)animationStyle
{
    return _animationStyle;
}

創(chuàng)建- (void)animationShow:(BOOL)show汉匙,用于展示,由于我項目中自定義hud的動畫只有一種生蚁,so我就將整塊給封裝到里面噩翠,在需要的地方直接一個調(diào)用:

- (void)animationShow:(BOOL)show
{
    if (_text != nil && _text.length != 0) {
        _hud.labelText = _text;
    }
    if (_textColor) {
        _hud.labelColor = _textColor;
    }
    UIImageView *images = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, SCR_W * 50, SCR_W * 50)];
    
    NSMutableArray *imageArray = [[NSMutableArray alloc]init];
    
    for(int i = 0; i < 2 ; i++){
        NSString *imgName = [NSString stringWithFormat:@"loading%d",i];
        
        [imageArray addObject:[UIImage imageNamed:imgName]];
    }
    
    images.animationDuration = 0.3;
    
    images.animationImages = imageArray;
    // 開始播放
    [images startAnimating];
    
    //自定義
    _hud.mode = MBProgressHUDModeCustomView;
    
    _hud.delegate = self;
    
    _hud.customView = images;
    
    [_hud show:YES];
}

實現(xiàn)hud代理MBProgressHUDDelegate:

- (void)hudWasHidden:(MBProgressHUD *)hud
{
    [_hud removeFromSuperview];
    
    _hud = nil;
}

實現(xiàn)+ (instancetype)showCustomHudText:(NSString *)text textColor:(UIColor *)color InView:(UIView *)view,用于創(chuàng)建hud:

+ (instancetype)showCustomHudText:(NSString *)text textColor:(UIColor *)color InView:(UIView *)view
{
    CustomShowHud * hud = [[CustomShowHud alloc] initWithView:view];
    
    hud.text = text;
    
    hud.textColor = color;
    
    [hud animationShow:YES];
    
    return hud;
}

最后邦投,就是隱藏了:

- (void)hide:(BOOL)hide
{
    [_hud hide:hide];
}

3伤锚、調(diào)用

創(chuàng)建一個全局的hud:

@property (nonatomic, strong) CustomShowHud * hud;

需要的地方加上代碼:

_hud = [CustomShowHud showCustomHudText:@"努力加載中..." textColor:COLOR_153 InView:self.view];

然后不需要的時候隱藏。

總的就這些了志衣,如果需要設(shè)置一些別的可以參考來源這里见芹,好了就這些。

最后編輯于
?著作權(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é)果婚禮上企量,老公的妹妹穿的比我還像新娘测萎。我一直安慰自己,他們只是感情好届巩,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布硅瞧。 她就那樣靜靜地躺著,像睡著了一般姆泻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上冒嫡,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天拇勃,我揣著相機與錄音,去河邊找鬼孝凌。 笑死方咆,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蟀架。 我是一名探鬼主播瓣赂,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼片拍!你這毒婦竟也來了煌集?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤捌省,失蹤者是張志新(化名)和其女友劉穎苫纤,沒想到半個月后,有當(dāng)?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
  • 正文 我出身青樓,卻偏偏與公主長得像书斜,于是被迫代替她去往敵國和親诬辈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫荐吉、插件焙糟、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,103評論 4 62
  • Swift版本點擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 25,374評論 7 249
  • 今天是周一,公司事情比較多混巧,上午又把昨天晚上的手寫稿整理成簡書枪向,感覺馬不停息的樣子。到下午四點多的時候咧党,眼睛...
    曠谷幽蘭一閱讀 345評論 1 1
  • 孩童是可愛的秘蛔,他們的心地那般美好,如水晶一般玲瓏剔透傍衡,所以他們說出的話語深员,也是那么有趣,那么美好蛙埂,那么溫暖…… 牛...
    劉忙不盲閱讀 274評論 0 1
  • 一句話總結(jié)這次的課程:利用系統(tǒng)思考倦畅,價值思維,黃金思維圈以及5大決策原則绣的,9大思路產(chǎn)生原則來制定年目標叠赐。但本質(zhì)上,...
    lynn0閱讀 393評論 2 0