iOS中UILabel滾動(dòng)字幕動(dòng)畫的實(shí)現(xiàn)

有時(shí)候會(huì)遇到UILabel中的內(nèi)容超出長(zhǎng)度胁编,顯示不完全的問(wèn)題。有一種解決方法是通過(guò)動(dòng)畫字幕來(lái)實(shí)現(xiàn),比如:

1.字幕向左或者右滾動(dòng)

2.字幕來(lái)回滾動(dòng)

本文以后者為例來(lái)說(shuō)明吧。這里先介紹UIView的通過(guò)Block實(shí)現(xiàn)的Animation以及其參數(shù)控制县匠,最后是實(shí)現(xiàn)滾動(dòng)字幕的代碼。

1. UIView有方便的動(dòng)畫實(shí)現(xiàn)方式撒轮,SDK4.0以上乞旦,提供了三個(gè)Block的動(dòng)畫方式:

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0);

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // delay = 0.0, options = 0

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_4_0); // delay = 0.0, options = 0, completion = NULL

其中第一個(gè)最全面,可以設(shè)置UIViewAnimationOptions來(lái)控制動(dòng)畫的參數(shù)题山,比如重復(fù)兰粉,自動(dòng)reverse之類的。

2. UIViewAnimationOptions具體定義如下:

enum {

UIViewAnimationOptionLayoutSubviews??????????? = 1 <<? 0,

UIViewAnimationOptionAllowUserInteraction????? = 1 <<? 1, // turn on user interaction while animating

UIViewAnimationOptionBeginFromCurrentState???? = 1 <<? 2, // start all views from current value, not initial value

UIViewAnimationOptionRepeat??????????????????? = 1 <<? 3, // repeat animation indefinitely

UIViewAnimationOptionAutoreverse?????????????? = 1 <<? 4, // if repeat, run animation back and forth

UIViewAnimationOptionOverrideInheritedDuration = 1 <<? 5, // ignore nested duration

UIViewAnimationOptionOverrideInheritedCurve??? = 1 <<? 6, // ignore nested curve

UIViewAnimationOptionAllowAnimatedContent????? = 1 <<? 7, // animate contents (applies to transitions only)

UIViewAnimationOptionShowHideTransitionViews?? = 1 <<? 8, // flip to/from hidden state instead of adding/removing

UIViewAnimationOptionCurveEaseInOut??????????? = 0 << 16, // default

UIViewAnimationOptionCurveEaseIn?????????????? = 1 << 16,

UIViewAnimationOptionCurveEaseOut????????????? = 2 << 16,

UIViewAnimationOptionCurveLinear?????????????? = 3 << 16,

UIViewAnimationOptionTransitionNone??????????? = 0 << 20, // default

UIViewAnimationOptionTransitionFlipFromLeft??? = 1 << 20,

UIViewAnimationOptionTransitionFlipFromRight?? = 2 << 20,

UIViewAnimationOptionTransitionCurlUp????????? = 3 << 20,

UIViewAnimationOptionTransitionCurlDown??????? = 4 << 20,

UIViewAnimationOptionTransitionCrossDissolve?? = 5 << 20,

UIViewAnimationOptionTransitionFlipFromTop???? = 6 << 20,

UIViewAnimationOptionTransitionFlipFromBottom? = 7 << 20,

};

typedef NSUInteger UIViewAnimationOptions;

3. 本文實(shí)現(xiàn)方法就是使用Animation with Block的方式來(lái)實(shí)現(xiàn)UILabel來(lái)回滾動(dòng)臀蛛。代碼如下:

-(void)startAnimationIfNeeded{

//取消、停止所有的動(dòng)畫

[self.aUILabel.layer removeAllAnimations];

CGSize textSize = [self.aUILabel.text sizeWithFont:self.aUILabel.font];

CGRect lframe = self.aUILabel.frame;

lframe.size.width = textSize.width;

self.aUILabel.frame = lframe;

const float oriWidth = 180;

if (textSize.width > oriWidth) {

float offset = textSize.width - oriWidth;

[UIView animateWithDuration:3.0

delay:0

options:UIViewAnimationOptionRepeat //動(dòng)畫重復(fù)的主開(kāi)關(guān)

|UIViewAnimationOptionAutoreverse //動(dòng)畫重復(fù)自動(dòng)反向崖蜜,需要和上面這個(gè)一起用

|UIViewAnimationOptionCurveLinear //動(dòng)畫的時(shí)間曲線浊仆,滾動(dòng)字幕線性比較合理

animations:^{

self.aUILabel.transform = CGAffineTransformMakeTranslation(-offset, 0);

}

completion:^(BOOL finished) {

}

];

}

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市豫领,隨后出現(xiàn)的幾起案子抡柿,更是在濱河造成了極大的恐慌,老刑警劉巖等恐,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洲劣,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡课蔬,警方通過(guò)查閱死者的電腦和手機(jī)囱稽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)二跋,“玉大人战惊,你說(shuō)我怎么就攤上這事≡矗” “怎么了吞获?”我有些...
    開(kāi)封第一講書人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵况凉,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我各拷,道長(zhǎng)刁绒,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任烤黍,我火速辦了婚禮知市,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蚊荣。我一直安慰自己初狰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布互例。 她就那樣靜靜地躺著奢入,像睡著了一般。 火紅的嫁衣襯著肌膚如雪媳叨。 梳的紋絲不亂的頭發(fā)上腥光,一...
    開(kāi)封第一講書人閱讀 50,050評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音糊秆,去河邊找鬼武福。 笑死,一個(gè)胖子當(dāng)著我的面吹牛痘番,可吹牛的內(nèi)容都是我干的捉片。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼汞舱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼伍纫!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起昂芜,我...
    開(kāi)封第一講書人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤莹规,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后泌神,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體良漱,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年欢际,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了母市。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡损趋,死狀恐怖窒篱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤墙杯,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布配并,位于F島的核電站,受9級(jí)特大地震影響高镐,放射性物質(zhì)發(fā)生泄漏溉旋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一嫉髓、第九天 我趴在偏房一處隱蔽的房頂上張望观腊。 院中可真熱鬧,春花似錦算行、人聲如沸梧油。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)儡陨。三九已至,卻和暖如春量淌,著一層夾襖步出監(jiān)牢的瞬間骗村,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工呀枢, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留胚股,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓裙秋,卻偏偏與公主長(zhǎng)得像琅拌,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子摘刑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

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