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://huoche.7234.cn/images/jb51/vwjk1lgkc30.jpg",
@"newsTitle":@"三大理由欧元任性抗跌,欧元区峰会将为希腊定调"
},
@{
@"newsId" :@"201507070929021220",
@"newsImg" :@"http://huoche.7234.cn/images/jb51/d2cqrftdemv.jpg",
@"newsTitle" :@"欧盟峰会或现希腊转机,黄金打响1162保卫战"
},
@{
@"newsId" :@"201507070656471857",
@"newsImg" :@"http://huoche.7234.cn/images/jb51/fyjfuej4awt.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
示例源码下载:文字水平无间断滚动效果
备注:该开发工具XCode 版本为 6.4,如无法直接运行,可新建项目将以上文件复制替换即可