这篇文章主要为大家详细介绍了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
示例源码下载:文字水平无间断滚动效果
备注:该开发工具XCode 版本为 6.4,如无法直接运行,可新建项目将以上文件复制替换即可
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程学习网。
沃梦达教程
本文标题为:iOS实现文字水平无间断滚动效果
基础教程推荐
猜你喜欢
- IOS获取系统相册中照片的示例代码 2023-01-03
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- Flutter进阶之实现动画效果(三) 2022-10-28
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- Android实现短信验证码输入框 2023-04-29
- Android开发Compose集成高德地图实例 2023-06-15
- iOS开发使用XML解析网络数据 2022-11-12
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- iOS开发 全机型适配解决方法 2023-01-14