溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在iOS中實(shí)現(xiàn)一個(gè)文字水平無間斷滾動(dòng)效果

發(fā)布時(shí)間:2021-04-19 17:46:48 來源:億速云 閱讀:201 作者:Leah 欄目:移動(dòng)開發(fā)

本篇文章為大家展示了怎么在iOS中實(shí)現(xiàn)一個(gè)文字水平無間斷滾動(dòng)效果,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

ViewController.h

#import <UIKit/UIKit.h>
 
@interface ViewController : UIViewController{
  NSTimer      *timer;
  UIScrollView   *scrollViewText;
}
 
@property (nonatomic ,strong) NSArray *arrData;
 
@end

ViewController.m

//
// ViewController.m
// 滾動(dòng)
//
#import "ViewController.h"
 
#pragma mark - Class define variable
#define K_MAIN_VIEW_SCROLL_HEIGHT 80.0f
#define K_MAIN_VIEW_SCROLL_TEXT_TAG 300
#define K_MAIN_VIEW_TEME_INTERVAL 0.35        //計(jì)時(shí)器間隔時(shí)間(單位秒)
#define K_MAIN_VIEW_SCROLLER_SPACE 20.0f       //每次移動(dòng)的距離
#define K_MAIN_VIEW_SCROLLER_LABLE_WIDTH   18.0f  //單個(gè)字符寬度(與你設(shè)置的字體大小一致)
#define K_MAIN_VIEW_SCROLLER_LABLE_MARGIN  20.0f  //前后間隔距離
#define K_MAIN_VIEW_SCROLLER_SLEEP_INTERVAL 1    //停留時(shí)間
 
 
@interface ViewController ()
 
@end
 
 
 
@implementation ViewController
 
#pragma mark - Class property
@synthesize arrData;
 
 
- (void)viewDidLoad {
  [super viewDidLoad];
 
  [self initView];
}
 
- (void)didReceiveMemoryWarning {
  [super didReceiveMemoryWarning];
  // Dispose of any resources that can be recreated.
}
 
 
#pragma mark - Custom method
//初始化數(shù)據(jù)
-(void) initView{
 
  if (!self.arrData) {
    self.arrData = @[
             @{
               @"newsId"  :@"201507070942261935",
               @"newsImg" :@"https://cache.yisu.com/upload/information/20200623/126/118344.jpg",
               @"newsTitle":@"三大理由歐元任性抗跌,歐元區(qū)峰會(huì)將為希臘定調(diào)"
             },
             @{
               @"newsId"  :@"201507070929021220",
               @"newsImg"  :@"https://cache.yisu.com/upload/information/20200623/126/118345.jpg",
               @"newsTitle" :@"歐盟峰會(huì)或現(xiàn)希臘轉(zhuǎn)機(jī),黃金打響1162保衛(wèi)戰(zhàn)"
             },
             @{
               @"newsId"  :@"201507070656471857",
               @"newsImg"  :@"https://cache.yisu.com/upload/information/20200623/126/118347.jpg",
               @"newsTitle" :@"希臘困局歐元不怕,油價(jià)服軟暴跌8%"
             }
           ];
  }
 
  //文字滾動(dòng)
  [self initScrollText];
 
  //開啟滾動(dòng)
  [self startScroll];
 
}
 
 
//文字滾動(dòng)初始化
-(void) initScrollText{
 
  //獲取滾動(dòng)條
  scrollViewText = (UIScrollView *)[self.view viewWithTag:K_MAIN_VIEW_SCROLL_TEXT_TAG];
  if(!scrollViewText){
    scrollViewText = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 80, self.view.frame.size.width, K_MAIN_VIEW_SCROLL_HEIGHT)];
    scrollViewText.showsHorizontalScrollIndicator = NO;  //隱藏水平滾動(dòng)條
    scrollViewText.showsVerticalScrollIndicator = NO;   //隱藏垂直滾動(dòng)條
    scrollViewText.scrollEnabled = NO;          //禁用手動(dòng)滑動(dòng)
 
    //橫豎屏自適應(yīng)
    scrollViewText.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    scrollViewText.tag = K_MAIN_VIEW_SCROLL_TEXT_TAG;
    [scrollViewText setBackgroundColor:[UIColor grayColor]];
 
    //給滾動(dòng)視圖添加事件
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(scrollerViewClick:)];
    [scrollViewText addGestureRecognizer:tapGesture];
 
    //添加到當(dāng)前視圖
    [self.view addSubview:scrollViewText];
  }else{
    //清除子控件
    for (UIView *view in [scrollViewText subviews]) {
      [view removeFromSuperview];
    }
  }
 
  if (self.arrData) {
 
    CGFloat offsetX = 0 ,i = 0, h = 30;
 
    //設(shè)置滾動(dòng)文字
    UIButton *btnText = nil;
    NSString *strTitle = [[NSString alloc] init];
 
    for (NSDictionary *dicTemp in self.arrData) {
 
      strTitle = dicTemp[@"newsTitle"];
 
      btnText = [UIButton buttonWithType:UIButtonTypeCustom];
      [btnText setFrame:CGRectMake([self getTitleLeft:i],
                     (K_MAIN_VIEW_SCROLL_HEIGHT - h) / 2,
                     strTitle.length * K_MAIN_VIEW_SCROLLER_LABLE_WIDTH,
                     h)];
 
      [btnText setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
      [btnText setTitle:strTitle forState:UIControlStateNormal];
 
      //橫豎屏自適應(yīng)
      btnText.autoresizingMask = UIViewAutoresizingFlexibleWidth;
      offsetX += btnText.frame.origin.x;
 
      //設(shè)置為 NO,否則無法響應(yīng)點(diǎn)擊事件
      btnText.userInteractionEnabled = NO;
 
      //添加到滾動(dòng)視圖
      [scrollViewText addSubview:btnText];
 
      i++;
    }
 
    //設(shè)置滾動(dòng)區(qū)域大小
    [scrollViewText setContentSize:CGSizeMake(offsetX, 0)];
  }
}
 
 
#pragma mark - 滾動(dòng)處理
//開始滾動(dòng)
-(void) startScroll{
 
  if (!timer)
    timer = [NSTimer scheduledTimerWithTimeInterval:K_MAIN_VIEW_TEME_INTERVAL target:self selector:@selector(setScrollText) userInfo:nil repeats:YES];
 
  [timer fire];
 
}
 
 
//滾動(dòng)處理
-(void) setScrollText{
 
  [UIView animateWithDuration:K_MAIN_VIEW_TEME_INTERVAL * 2 animations:^{
    CGRect rect;
    CGFloat offsetX = 0.0,width = 0.0;
 
    for (UIButton *btnText in scrollViewText.subviews) {
 
      rect = btnText.frame;
      offsetX = rect.origin.x - K_MAIN_VIEW_SCROLLER_SPACE;
      width = [btnText.titleLabel.text length] * K_MAIN_VIEW_SCROLLER_LABLE_WIDTH;
 
      btnText.frame = CGRectMake(offsetX, rect.origin.y, rect.size.width, rect.size.height);
 
      NSLog(@"offsetX:%f",offsetX);
    }
 
    if (offsetX < -width){
      [UIView setAnimationsEnabled:NO];
      [self initScrollText];
    }else
      [UIView setAnimationsEnabled:YES];
  }];
 
}
 
 
#pragma mark - 動(dòng)態(tài)獲取左邊位置
-(float) getTitleLeft:(CGFloat) i {
  float left = i * K_MAIN_VIEW_SCROLLER_LABLE_MARGIN;
 
  if (i > 0) {
    for (int j = 0; j < i; j ++) {
      left += [[self.arrData objectAtIndex:j][@"newsTitle"] length] * K_MAIN_VIEW_SCROLLER_LABLE_WIDTH;
    }
  }
 
  return left;
}
 
 
#pragma mark - 新聞點(diǎn)擊事件
-(void)btnNewsClick:(UIButton *) sender{
 
  NSString *strNewsTitle = sender.titleLabel.text;
 
  UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"系統(tǒng)提示"
                          message:strNewsTitle
                          delegate:sender
                     cancelButtonTitle:@"確定"
                     otherButtonTitles:@"其他", nil];
  [alert show];
 
}
 
-(void)scrollerViewClick:(UITapGestureRecognizer*)gesture{
 
  CGPoint touchPoint = [gesture locationInView:scrollViewText];
 
  for (UIButton *btn in scrollViewText.subviews) {
 
    if ([btn.layer.presentationLayer hitTest:touchPoint]) {
      [self btnNewsClick:btn];
      break;
    }
 
  }
 
}
 
@end

上述內(nèi)容就是怎么在iOS中實(shí)現(xiàn)一個(gè)文字水平無間斷滾動(dòng)效果,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

ios
AI