IOS实现文字水平无间断滚动

原创 2015年07月08日 12:22:29

IOS实现文字水平无间断滚动

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"  :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709395519.jpg",
                              @"newsTitle":@"三大理由欧元任性抗跌,欧元区峰会将为希腊定调"
                          },
                          @{
                              @"newsId"    :@"201507070929021220",
                              @"newsImg"   :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709273545.jpg",
                              @"newsTitle" :@"欧盟峰会或现希腊转机,黄金打响1162保卫战"
                          },
                          @{
                              @"newsId"    :@"201507070656471857",
                              @"newsImg"   :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/2015070706533134.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

示例源码下载:

http://pan.baidu.com/s/1mgte6Is

备注:该开发工具XCode 版本为 6.4,如无法直接运行,可新建项目将以上文件复制替换即可


iOS文字上下滚动效果的实现

最近有一个文字上下滚动的需求,简单写了一下。 @class GYChangeTextView; @protocol GYChangeTextViewDelegate - (void)gyCha...
  • sheng582910111
  • sheng582910111
  • 2016年06月15日 10:37
  • 7584

iOS实现APP公告栏功能

在APP开发中许多项目都用有公告栏这一需求。我用uiview写了一个公告栏,自带黑色遮罩,点击黑色遮罩或者关闭按钮可以关闭公告栏。这个公告栏可以自定义标题,内容和展示图片。其中公告内容是随着公告内容动...
  • iOSTerry
  • iOSTerry
  • 2017年01月09日 15:24
  • 1609

ios UILabel滚动字幕(带循环滚动)

  • 2015年04月24日 22:10
  • 97KB
  • 下载

iOS中UILabel滚动字幕动画的实现

[UIView animateWithDuration:3.0 delay:0 options:UIViewAnimationOptionRepeat | UIViewAnimationOp...
  • yishengzhiai005
  • yishengzhiai005
  • 2016年09月21日 17:07
  • 1461

ios纵向滚动跑马灯字幕

  • 2015年03月30日 11:30
  • 91KB
  • 下载

IOS无限自动循环滚动banner(源码)

目前有很多APP都开始使用一些滚动banner,我自己也做了一个,部分算法没有深思, 只是为了实现功能,毕竟只是几个小时的作品。 滚动做了2种为水平和垂直,自动滚动间隔可设,圆角可设,page位置可设...
  • iunion
  • iunion
  • 2014年02月11日 16:21
  • 10208

iOS文字上下方向轮播

  • 2016年01月20日 15:19
  • 27KB
  • 下载

IOS实战 (3) 之 水平 循环滚动文本

实现效果 可以将 Label 变成自定义的 View可 滚动播放 View实现思路1.UIScrollView里面放子 View(UIScrollView 设置不能手动滑动) 2.设置动画 更改 ...
  • chinaltz
  • chinaltz
  • 2016年08月16日 11:41
  • 595

iOS走马灯上下滚动显示文本

在网上找到的大部分都是横向的走马灯效果,就自己动手谢了一个上下滚动的。说的准确一点的话可能不算走马灯,文本是有停留的,每次显示一条。不停留连续的走马灯效果正在研究,后期补上。 TableViewCe...
  • shengdaVolleyball
  • shengdaVolleyball
  • 2016年07月22日 12:42
  • 4435

IOS滚动文本通知

  • 2016年08月16日 11:42
  • 36KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IOS实现文字水平无间断滚动
举报原因:
原因补充:

(最多只允许输入30个字)