TXScrollLabelView——類似跑馬燈的滾動(dòng)視圖框架

                            ?????? 

以下內(nèi)容來源于官方源碼、 README 文檔、測(cè)試 Demo或個(gè)人使用總結(jié) !

用法

/** Step1: 滾動(dòng)文字 */
NSString *scrollTitle = @"xxxxxx";

/** Step2: 創(chuàng)建 ScrollLabelView */
TXScrollLabelView *scrollLabelView = [TXScrollLabelView scrollWithTitle:scrollTitle type:TXScrollLabelViewTypeFlipNoRepeat velocity:velocity options:UIViewAnimationOptionCurveEaseInOut];

/** Step3: 設(shè)置代理進(jìn)行回調(diào)(Optional) */
scrollLabelView.scrollLabelViewDelegate = self;

/** Step4: 布局(Required) */
scrollLabelView.frame = CGRectMake(50, 100, 300, 30);
[self.view addSubview:scrollLabelView];

/** Step5: 開始滾動(dòng)(Start scrolling!) */
[scrollLabelView beginScrolling];

Demo:

    // 滾動(dòng)Label
    // step1:獲取滾動(dòng)內(nèi)容
    NSString *scrollTitle = @"恭喜 XXX 網(wǎng)上商城隆重上線!";
    // step2:創(chuàng)建scrollLabelView對(duì)象
    TXScrollLabelView *scrollLabelView = [TXScrollLabelView scrollWithTitle:scrollTitle type:TXScrollLabelViewTypeFlipRepeat velocity:3 options:UIViewAnimationOptionTransitionNone];
    scrollLabelView.backgroundColor = [UIColor clearColor];
    scrollLabelView.scrollTitleColor = [UIColor blackColor];
    // step3:設(shè)置代理進(jìn)行回調(diào)(Optional)
//    scrollLabelView.scrollLabelViewDelegate = self;
    // step4:布局
    scrollLabelView.frame = CGRectMake(31, 31, 240, 21);
    [self.view addSubview:scrollLabelView];
//    [scrollLabelView mas_makeConstraints:^(MASConstraintMaker *make) {
//        make.top.equalTo(speakerImage.mas_top);
//        make.left.equalTo(speakerImage.mas_right).with.offset(0);
//        make.size.mas_equalTo(CGSizeMake(240, 21));
//    }];
    // step5:開始滾動(dòng)
    [scrollLabelView beginScrolling];

其他

  • Wonderful
    這個(gè)框架里也有跑馬燈的兩個(gè)類,提取出來使用對(duì)于整個(gè)APP來說相比于這個(gè)框架更輕量簡(jiǎn)介些。

  • 使用:

CGRect rect = CGRectMake(31,31, 240, 21);
SXHeadLine *headline = [[SXHeadLine alloc] initWithFrame:rect];
headline.messageArray = @[@"恭喜 XXX 網(wǎng)上商城隆重上線?。?];
[headline setScrollDuration:0.5 stayDuration:3.0];
[headline changeTapMarqueeAction:^(NSInteger index) {
        // 處理點(diǎn)擊事件
    }];
[headline start];
[self.view addSubview:headline];
  • SDCycleScrollView
    ??最近又發(fā)現(xiàn),無限輪播器的這個(gè)框架也有類似跑馬燈的效果,它是在循環(huán)的時(shí)候不顯示圖片,只循環(huán)顯示文字。

  • 使用:

// >>>>>>>>>>>>>>>>>>>>>>>>> demo輪播圖4 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    
    // 網(wǎng)絡(luò)加載 --- 創(chuàng)建只上下滾動(dòng)展示文字的輪播器
    // 由于模擬器的渲染問題,如果發(fā)現(xiàn)輪播時(shí)有一條線不必處理,模擬器放大到100%或者真機(jī)調(diào)試是不會(huì)出現(xiàn)那條線的
    SDCycleScrollView *cycleScrollView4 = [SDCycleScrollView
                                           cycleScrollViewWithFrame:CGRectMake(0, 750, w, 40)
                                           delegate:self
                                           placeholderImage:nil];
    cycleScrollView4.scrollDirection = UICollectionViewScrollDirectionVertical;
    cycleScrollView4.onlyDisplayText = YES;
    
    NSMutableArray *titlesArray = [NSMutableArray new];
    [titlesArray addObject:@"純文字上下滾動(dòng)輪播"];
    [titlesArray addObject:@"純文字上下滾動(dòng)輪播 -- demo輪播圖4"];
    [titlesArray addObjectsFromArray:titles];
    cycleScrollView4.titlesGroup = [titlesArray copy];
    
    [demoContainerView addSubview:cycleScrollView4];

參考

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容