时间:2021-05-20
IOS跑马灯效果,实现文字水平无间断滚动,示例代码如下:
ViewController.h
#import <UIKit/UIKit.h> @interface ViewController : UIViewController{ NSTimer *timer; UIScrollView *scrollViewText;} @property (nonatomic ,strong) NSArray *arrData; @endViewController.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,如无法直接运行,可新建项目将以上文件复制替换即可
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
marquee.htc复制代码代码如下://描述:无间断滚动字幕//版本:2.0//作者:宝玉(WebUC.NET)//最新更新:2004-10-26//备:v
本文实例讲述了JS实现单行文字不间断向上滚动的方法。分享给大家供大家参考。具体分析如下:前几天帮一个朋友写了一个单行文字不间断向上滚动的JS效果,现在分享给需要
来源于:淘宝论坛淘宝钻展在方案等级增加模块间费用预算分派作用,打开该作用后方案下多模块耗费速度由系统软件智能控制系统,系统软件将无间断地在每个模块中全自动找寻推
1.先写两个最常用最简洁的滚动代码代码如下:水平滚动:水平滚动字幕内容垂直滚动:垂直滚动字内容2.平稳不间断滚动复制代码代码如下:vartm=nullfunct
突如其来的新冠疫情在这个春节影响了卖家们的正常运营,而运营海外仓的卖家在疫情期间仍然保持无间断正常运作,海外仓的优势和重要性在这个特殊时期也日益凸显。小亿采访了