iOS 局部跑馬燈效果實現(xiàn)

前言

開發(fā)時有一個需求是實現(xiàn)跑馬燈效果,其實跑馬燈還是比較容易實現(xiàn)的侣诺,但是這個是一個局部范圍的跑馬燈殖演,平時使用的都是全屏幕長度的跑馬燈,經(jīng)過一番折騰年鸳,找的了重點(diǎn),下面這句代碼就是我們實現(xiàn)局部的關(guān)鍵趴久。

@property(nonatomic) BOOL clipsToBounds; // When YES, content and subviews are clipped to the bounds of the view. Default is NO.

效果圖

未命名.gif

代碼

//.h
#import <UIKit/UIKit.h>

@interface HHRunLabelView : UIView
//字體顏色
@property (nonatomic, strong) UIColor *textColor;

//字體大小
@property (nonatomic, strong) UIFont *font;

//要顯示的內(nèi)容
@property (nonatomic, strong) NSString *text;

/**
 移動的速度[0~1],默認(rèn)是0.2
 */
@property (nonatomic, assign) CGFloat speed;

@end


//.m
#import "HHRunLabelView.h"

@interface HHRunLabelView()
@property (nonatomic, assign) CGFloat offsetX; //x偏移量
@property (nonatomic, strong) UILabel *moveLabel;
@property (nonatomic, assign) CGFloat labelWidth; //label的寬度
@end

@implementation HHRunLabelView

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]){
        _speed = 0.2;//默認(rèn)值
        [self initView];
        [self initTimer];
    }
    return self;
}

- (void)initView{
    _moveLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
    [self addSubview:_moveLabel];
}

//初始化timer
- (void)initTimer{
    CADisplayLink *timer = [CADisplayLink displayLinkWithTarget:self selector:@selector(displayLabelAction)];
    timer.frameInterval = 2.0;
    [timer addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes];
}

- (void)setTextColor:(UIColor *)textColor{
    _moveLabel.textColor = textColor;
}

- (void)setFont:(UIFont *)font{
    _moveLabel.font = font;
}

//設(shè)置速度
- (void)setSpeed:(CGFloat)speed{
    if (speed < 0) {
        speed = 0;
    }else if (speed > 1){
        speed = 1;
    }
    _speed = speed*5;
}

//賦值text
- (void)setText:(NSString *)text{
    _moveLabel.text = text;
    [_moveLabel sizeToFit];
    CGRect rect = _moveLabel.frame;
    rect.size.height = self.frame.size.height;
    _moveLabel.frame = rect;
    _offsetX = _moveLabel.frame.origin.x;
    self.clipsToBounds = YES;//設(shè)置了這個屬性后才能局部顯示
}

- (void)displayLabelAction{
    
    _labelWidth = self.moveLabel.frame.size.width;
    if (_labelWidth < self.frame.size.width) return;//如果字能顯示全則不移動
    
    CGRect rect = self.moveLabel.frame;
    _offsetX -= self.speed;
    rect.origin.x = _offsetX;
    self.moveLabel.frame = rect;
    if (_offsetX < -_labelWidth){
        _offsetX = self.frame.size.width; //重置起點(diǎn)
    }
}

用法

//導(dǎo)入頭文件后加載
 HHRunLabelView *runLabel = [[HHRunLabelView alloc] initWithFrame:CGRectMake(10, 100, 100, 50)];
    runLabel.backgroundColor = [UIColor grayColor];
    runLabel.textColor = [UIColor redColor];
    runLabel.speed = 0.5;
    runLabel.text = @"我是一個局部的小跑馬燈啊";
    [self.view addSubview:runLabel];

Demo地址github

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市搔确,隨后出現(xiàn)的幾起案子彼棍,更是在濱河造成了極大的恐慌,老刑警劉巖膳算,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件座硕,死亡現(xiàn)場離奇詭異,居然都是意外死亡畦幢,警方通過查閱死者的電腦和手機(jī)坎吻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來宇葱,“玉大人瘦真,你說我怎么就攤上這事∈蚯疲” “怎么了诸尽?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長印颤。 經(jīng)常有香客問我您机,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任际看,我火速辦了婚禮咸产,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘仲闽。我一直安慰自己脑溢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布赖欣。 她就那樣靜靜地躺著屑彻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪顶吮。 梳的紋絲不亂的頭發(fā)上社牲,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機(jī)與錄音悴了,去河邊找鬼搏恤。 笑死,一個胖子當(dāng)著我的面吹牛让禀,可吹牛的內(nèi)容都是我干的挑社。 我是一名探鬼主播陨界,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼巡揍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了菌瘪?” 一聲冷哼從身側(cè)響起腮敌,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎俏扩,沒想到半個月后糜工,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡录淡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年捌木,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嫉戚。...
    茶點(diǎn)故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡刨裆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出彬檀,到底是詐尸還是另有隱情帆啃,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布窍帝,位于F島的核電站努潘,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜疯坤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一报慕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧压怠,春花似錦卖子、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至突梦,卻和暖如春诫舅,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背宫患。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工刊懈, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人娃闲。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓虚汛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親皇帮。 傳聞我的和親對象是個殘疾皇子卷哩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評論 2 348

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