iOS - 封裝一款優(yōu)雅易用的提示View(類似QQ點贊已滿的提示視圖)

沒有妹紙你們是不會進(jìn)來的枪孩!
  • 今天第一次發(fā)文章溺蕉,才發(fā)現(xiàn)寫個文章水也很深啊某宪。
  • 廢話不多說。來說一說YsyNoticeView
  • 由于馬上項目需要更新掏秩,產(chǎn)品大大做了相關(guān)原型或舞,于是我這個小小的程序猿開始了各種封裝
QQ點贊已滿的提示
  • 產(chǎn)品中有一個提示跟QQ點贊的提示類似的效果。所以就寫了這樣一個demo蒙幻。
  • 因為gif制作太麻煩了映凳。所以用的都是截圖。哈哈請見諒邮破。下面是demo的部分截圖诈豌。


    YsyNoticeView
  • 并且給view添加了手勢
  • 使用的話直接調(diào)用類方法
[YsyNoticeView showInfo:@"網(wǎng)絡(luò)出錯" withStyle:YsyNoticeStyleTop];
  • 其中YsyNoticeStyle是選擇展示方式抒和,有上中下三種效果矫渔。
typedef NS_ENUM(NSUInteger, YsyNoticeStyle)
{
    YsyNoticeStyleTop = 0,
    YsyNoticeStyleTableView,
    YsyNoticeStyleBottom
} ;
  • YsyNoticeStyleTableView,類似汽車之家刷新之后的效果摧莽。
YsyNoticeStyleTableView效果
  • YsyNoticeStyleBottom庙洼,在屏幕下方淡出的效果。


    YsyNoticeStyleBottom效果
  • 如果你的tableView位置不是常規(guī)的位置的話 使用下面的代碼調(diào)用

+(void)showInfo:(NSString *)info withTableView:(UITableView *)tableView;

  • 實現(xiàn)方法其實很簡單 簡單解釋下YsyNoticeStyleTop代碼吧
  • 第一步 創(chuàng)建topview 和UIImageView 還有l(wèi)abel
    UIView *topView = [[UIView alloc] initWithFrame:CGRectMake(0, -height, SCREEN_WIDTH, height)];
    topView.userInteractionEnabled = YES;
    topView.backgroundColor = [UIColor whiteColor];
  
    topView.layer.shadowColor = [UIColor lightGrayColor].CGColor;
    topView.layer.shadowOpacity = 1;
    topView.layer.shadowRadius = 5;
    topView.layer.shadowOffset = CGSizeMake(3.0, 3.0);
    
    UIImageView *icon = [[UIImageView alloc] initWithFrame:CGRectMake(10, 64 - 20 - 11 , 20, 20)];
    icon.image = [UIImage imageNamed:@"提示"];
    [topView addSubview:icon];
    
    UILabel *textLabel = [[UILabel alloc] initWithFrame:CGRectMake(10 + 20 + 10, 64 - 20 - 11, SCREEN_WIDTH - 40 - 20, 20)];
    textLabel.text = info;
    textLabel.textColor = [UIColor blackColor];
    textLabel.font = [UIFont boldSystemFontOfSize:14.0];
    [topView addSubview:textLabel];
  • 第二步 給top添加手勢以及使用RAC監(jiān)聽手勢。(用于反饋用戶上滑)
    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] init];
    
    [[pan rac_gestureSignal] subscribeNext:^(UIPanGestureRecognizer *pan) {
        NSLog(@"%@", pan);
        [UIView animateWithDuration:0.7 animations:^{
            pan.view.frame = CGRectMake(0, -height, SCREEN_WIDTH, height);
        } completion:^(BOOL finished) {
            [pan.view removeFromSuperview];
        }];
        [pan.view removeGestureRecognizer:pan];
    }];
    [topView addGestureRecognizer:pan];
  • 第三步 將topView直接添加到window上并且添加彈簧動畫油够,然后再1.5秒之后自動上已隱藏
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    [window addSubview:topView];
    // 彈簧動畫蚁袭,參數(shù)分別為:時長,延時叠聋,彈性(越小彈性越大)撕阎,初始速度
    [UIView animateWithDuration: 0.7 delay:0 usingSpringWithDamping:0.4 initialSpringVelocity:0.3 options:0 animations:^{
        topView.frame = CGRectMake(0, 0, SCREEN_WIDTH, height);
    } completion:^(BOOL finished) {
        if (finished) {
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                [UIView animateWithDuration:0.7 animations:^{
                    topView.frame = CGRectMake(0, -height, SCREEN_WIDTH, height);
                } completion:^(BOOL finished) {
                    [topView removeFromSuperview];
                }];
            });
        }
    }];
}
  • 這樣就完成了。雖然其中還有很多細(xì)節(jié)可以完善(例如使用單例碌补,防止重復(fù)創(chuàng)建 等等 )。但是暫時可以滿足業(yè)務(wù)需求于是也沒多多加雕琢棉饶。(__) 嘻嘻……

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末厦章,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子照藻,更是在濱河造成了極大的恐慌袜啃,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件幸缕,死亡現(xiàn)場離奇詭異群发,居然都是意外死亡,警方通過查閱死者的電腦和手機发乔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門熟妓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人栏尚,你說我怎么就攤上這事起愈。” “怎么了译仗?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵抬虽,是天一觀的道長。 經(jīng)常有香客問我纵菌,道長阐污,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任咱圆,我火速辦了婚禮笛辟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘闷堡。我一直安慰自己隘膘,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布杠览。 她就那樣靜靜地躺著弯菊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上管钳,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天钦铁,我揣著相機與錄音,去河邊找鬼才漆。 笑死牛曹,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的醇滥。 我是一名探鬼主播黎比,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鸳玩!你這毒婦竟也來了阅虫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤不跟,失蹤者是張志新(化名)和其女友劉穎颓帝,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窝革,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡购城,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了虐译。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瘪板。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖菱蔬,靈堂內(nèi)的尸體忽然破棺而出篷帅,到底是詐尸還是另有隱情,我是刑警寧澤拴泌,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布魏身,位于F島的核電站,受9級特大地震影響蚪腐,放射性物質(zhì)發(fā)生泄漏箭昵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一回季、第九天 我趴在偏房一處隱蔽的房頂上張望家制。 院中可真熱鬧,春花似錦泡一、人聲如沸颤殴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽涵但。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間矮瘟,已是汗流浹背瞳脓。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留澈侠,地道東北人劫侧。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像哨啃,于是被迫代替她去往敵國和親烧栋。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,629評論 2 354

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

  • VLC的集成和使用 VLC介紹 VLC Media Player (VideoLAN) 為 Windows棘催、Lin...
    Pocket閱讀 19,596評論 75 66
  • 一劲弦、CAShapelayer 我們知道可以不使用圖片情況下利用CGpath去構(gòu)建任意形狀的陰影。其實我們也可...
    小貓仔閱讀 1,458評論 0 5
  • iOS_autoLayout_Masonry 概述 Masonry是一個輕量級的布局框架與更好的包裝AutoLay...
    指尖的跳動閱讀 1,162評論 1 4
  • *7月8日上午 N:Block :跟一個函數(shù)塊差不多醇坝,會對里面所有的內(nèi)容的引用計數(shù)+1,想要解決就用__block...
    炙冰閱讀 2,485評論 1 14
  • 我們現(xiàn)在像陌生人一樣 如果最熟悉的人變成了陌生人是比陌生人還要陌生的感覺太可怕了 記得那時候沒事在家一待就是一天 ...
    一別兩清閱讀 231評論 1 2