播放按鈕|動(dòng)畫|runtime

前言

APP做得好不在于一些細(xì)節(jié)的處理,用戶可以看得到珍促,但是也最容易忽略校镐,我們要提升體驗(yàn)垦细,但是用戶又感覺不到。這篇文章主要處理播放按鈕的動(dòng)畫压恒,以及runtime中Method Swizzling 使用影暴;
我們先來看看效果:


效果

效果很細(xì)微,不容易被用戶察覺探赫,所以長期看也不會(huì)覺得厭煩型宙。

實(shí)現(xiàn)

初始化

按鈕很簡單,我們直接用CAShapeLayer畫出來期吓,因?yàn)?code>CAShapeLayer有強(qiáng)大的path屬性所以我選著它
按鈕在暫停的時(shí)候有三條線段早歇,播放的時(shí)候兩條線段。我直接初始化三條線段讨勤;

線段

動(dòng)畫

動(dòng)畫還是直接調(diào)用path屬性

/**
 path動(dòng)畫

 @param path 變?yōu)榈膒ath
 @param duration 持續(xù)時(shí)間
 @return 返回動(dòng)畫
 */
- (CABasicAnimation*)animationToPath:(UIBezierPath* )path duration:(NSTimeInterval)duration {
    CABasicAnimation    *pathAnimation   = [CABasicAnimation animationWithKeyPath:@"path"];
    pathAnimation.toValue                = (__bridge id)(path.CGPath);
    pathAnimation.fillMode               = kCAFillModeForwards;
    pathAnimation.removedOnCompletion    = NO;
    pathAnimation.duration               = duration;
    return pathAnimation;
}

layer3的時(shí)候會(huì)有出現(xiàn)和消失,這里會(huì)做一個(gè)不透明度的動(dòng)畫

/**
 不透明度動(dòng)畫
 
 @param layer 要執(zhí)行動(dòng)畫的layer
 @param from 從多少開始
 @param to 到多少
 */
- (void)opacityAnimationWithLayer:(CALayer*)layer fromValue:(CGFloat)from toValue:(CGFloat)to {
    CABasicAnimation *opacityAnimation           = [CABasicAnimation animationWithKeyPath:@"opacity"];
    opacityAnimation.toValue                     = @(to);
    opacityAnimation.fromValue                   = @(from);
    opacityAnimation.duration                    = .2;
    opacityAnimation.fillMode                    = kCAFillModeForwards;
    opacityAnimation.removedOnCompletion         = NO;
    [layer addAnimation:opacityAnimation forKey:nil];
}

動(dòng)畫很簡單接下來是替換系統(tǒng)方法

+(void)load {

    SEL actionA   = @selector(sendAction:to:forEvent:);
    SEL actionB   = @selector(__ai__sendAction:to:forEvent:);
    //原有的方法
    Method aMetod =   class_getInstanceMethod([AIPlayerButton class],actionA);
    //自定義的方法
    Method bMetod = class_getInstanceMethod([AIPlayerButton class], actionB);
    //這句是為了保護(hù)系統(tǒng)的方法
    BOOL isAdd = class_addMethod([AIPlayerButton class], actionA, method_getImplementation(bMetod), method_getTypeEncoding(bMetod));
    if (isAdd) {
        class_replaceMethod([AIPlayerButton class], actionB, method_getImplementation(aMetod), method_getTypeEncoding(aMetod));
    }else{
        method_exchangeImplementations(aMetod, bMetod);
    }
}
- (void)__ai__sendAction:(SEL)action to:(nullable id)target forEvent:(nullable UIEvent *)event {
    if (self.ignoreEvent) {
        return;
    }
    if (self.acceptEventInterval > 0) {
        self.ignoreEvent  = YES;
        [self performSelector:@selector(setIgnoreEvent:) withObject:@(NO) afterDelay:self.acceptEventInterval];
        if (self.isSelected) {
            [self changeToPlayingAnimation];
        } else {
            [self changeToStopAnimation];
        }
        [self __ai__sendAction:action to:target forEvent:event];
    }
}

對(duì)于可以看OC Method Swizzling 使用
源碼已放在GitHub上喜歡的給個(gè)star支持下
源碼位置

源碼位置

參考博客:http://www.cocoachina.com/ios/20150911/13260.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末晨另,一起剝皮案震驚了整個(gè)濱河市潭千,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌借尿,老刑警劉巖刨晴,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異路翻,居然都是意外死亡狈癞,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門茂契,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蝶桶,“玉大人,你說我怎么就攤上這事掉冶≌媸” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵厌小,是天一觀的道長恢共。 經(jīng)常有香客問我,道長璧亚,這世上最難降的妖魔是什么讨韭? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上透硝,老公的妹妹穿的比我還像新娘吉嚣。我一直安慰自己,他們只是感情好蹬铺,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布尝哆。 她就那樣靜靜地躺著,像睡著了一般甜攀。 火紅的嫁衣襯著肌膚如雪秋泄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天规阀,我揣著相機(jī)與錄音恒序,去河邊找鬼。 笑死谁撼,一個(gè)胖子當(dāng)著我的面吹牛歧胁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播厉碟,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼喊巍,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了箍鼓?” 一聲冷哼從身側(cè)響起崭参,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎款咖,沒想到半個(gè)月后何暮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡铐殃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年海洼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片富腊。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坏逢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蟹肘,到底是詐尸還是另有隱情词疼,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布帘腹,位于F島的核電站贰盗,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏阳欲。R本人自食惡果不足惜舵盈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一陋率、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧秽晚,春花似錦瓦糟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至句伶,卻和暖如春劲蜻,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背考余。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來泰國打工先嬉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人楚堤。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓疫蔓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親身冬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子衅胀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

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