iOS中怎么实现文字水平无间断滚动效果

发布时间:2021-08-11 13:57:53 作者:Leah
来源:亿速云 阅读:185

iOS中怎么实现文字水平无间断滚动效果,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

ViewController.h

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

ViewController.m

//// ViewController.m// 滚动//#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        //计时器间隔时间(单位秒)#define K_MAIN_VIEW_SCROLLER_SPACE 20.0f       //每次移动的距离#define K_MAIN_VIEW_SCROLLER_LABLE_WIDTH   18.0f  //单个字符宽度(与你设置的字体大小一致)#define K_MAIN_VIEW_SCROLLER_LABLE_MARGIN  20.0f  //前后间隔距离#define K_MAIN_VIEW_SCROLLER_SLEEP_INTERVAL 1    //停留时间@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//初始化数据-(void) initView{  if (!self.arrData) {    self.arrData = @[             @{               @"newsId"  :@"201507070942261935",               @"newsImg" :@"https://cache.yisu.com/upload/information/20201211/272/44764.jpg",               @"newsTitle":@"三大理由欧元任性抗跌,欧元区峰会将为希腊定调"             },             @{               @"newsId"  :@"201507070929021220",               @"newsImg"  :@"https://cache.yisu.com/upload/information/20201211/272/44765.jpg",               @"newsTitle" :@"欧盟峰会或现希腊转机,黄金打响1162保卫战"             },             @{               @"newsId"  :@"201507070656471857",               @"newsImg"  :@"https://cache.yisu.com/upload/information/20201211/272/44766.jpg",               @"newsTitle" :@"希腊困局欧元不怕,油价服软暴跌8%"             }           ];  }  //文字滚动  [self initScrollText];  //开启滚动  [self startScroll];}//文字滚动初始化-(void) initScrollText{  //获取滚动条  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;  //隐藏水平滚动条    scrollViewText.showsVerticalScrollIndicator = NO;   //隐藏垂直滚动条    scrollViewText.scrollEnabled = NO;          //禁用手动滑动    //横竖屏自适应    scrollViewText.autoresizingMask = UIViewAutoresizingFlexibleWidth;    scrollViewText.tag = K_MAIN_VIEW_SCROLL_TEXT_TAG;    [scrollViewText setBackgroundColor:[UIColor grayColor]];    //给滚动视图添加事件    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(scrollerViewClick:)];    [scrollViewText addGestureRecognizer:tapGesture];    //添加到当前视图    [self.view addSubview:scrollViewText];  }else{    //清除子控件    for (UIView *view in [scrollViewText subviews]) {      [view removeFromSuperview];    }  }  if (self.arrData) {    CGFloat offsetX = 0 ,i = 0, h = 30;    //设置滚动文字    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];      //横竖屏自适应      btnText.autoresizingMask = UIViewAutoresizingFlexibleWidth;      offsetX += btnText.frame.origin.x;      //设置为 NO,否则无法响应点击事件      btnText.userInteractionEnabled = NO;      //添加到滚动视图      [scrollViewText addSubview:btnText];      i++;    }    //设置滚动区域大小    [scrollViewText setContentSize:CGSizeMake(offsetX, 0)];  }}#pragma mark - 滚动处理//开始滚动-(void) startScroll{  if (!timer)    timer = [NSTimer scheduledTimerWithTimeInterval:K_MAIN_VIEW_TEME_INTERVAL target:self selector:@selector(setScrollText) userInfo:nil repeats:YES];  [timer fire];}//滚动处理-(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 - 动态获取左边位置-(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 - 新闻点击事件-(void)btnNewsClick:(UIButton *) sender{  NSString *strNewsTitle = sender.titleLabel.text;  UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"系统提示"                          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

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. jQuery如何实现滚动效果
  2. js如何实现消息滚动效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios

上一篇:Android中怎么实现弹幕效果

下一篇:MySQL数据库缓存有哪些应用环境

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》