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,如無法直接運行,可新建項目將以上文件複製替換即可