ViewController.h

 #import <UIKit/UIKit.h>

 @interface ViewController : UIViewController{
NSTimer *timer;
UIScrollView *scrollViewText;
} @property (nonatomic ,strong) NSArray *arrData; @end

ViewController.m

 //
// ViewController.m
// 跑马灯文字广告
//
// Created by Time.X on 16/2/15.
// Copyright © 2016年 Time.X. All rights reserved.
// #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 //每次移动的距离
#define K_MAIN_VIEW_SCROLLER_LABLE_WIDTH 280 //字体宽度
#define K_MAIN_VIEW_SCROLLER_LABLE_MARGIN 20 //前后间隔距离 @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" :@"",
@"newsImg" :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709395519.jpg",
@"newsTitle" : @"三大理由欧元任性抗跌,欧元区峰会将为希腊定调"
},
@{
@"newsId" :@,
@"newsImg" :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709273545.jpg",
@"newsTitle" :@"欧盟峰会或现希腊转机,黄金打响1162保卫战"
},
@{
@"newsId" :@,
@"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(, , self.view.frame.size.width, K_MAIN_VIEW_SCROLL_HEIGHT)];
scrollViewText.showsHorizontalScrollIndicator = NO; //隐藏水平滚动条
scrollViewText.showsVerticalScrollIndicator = NO; //隐藏垂直滚动条
scrollViewText.tag = K_MAIN_VIEW_SCROLL_TEXT_TAG;
[scrollViewText setBackgroundColor:[UIColor grayColor]]; //清除子控件
for (UIView *view in [scrollViewText subviews]) {
[view removeFromSuperview];
} //添加到当前视图
[self.view addSubview:scrollViewText];
} if (self.arrData) { CGFloat offsetX = ,i = , h = ; //设置滚动文字
UILabel *labText = nil;
for (NSDictionary *dicTemp in self.arrData) {
labText = [[UILabel alloc] initWithFrame:CGRectMake(
i * (K_MAIN_VIEW_SCROLLER_LABLE_WIDTH + K_MAIN_VIEW_SCROLLER_LABLE_MARGIN),
(K_MAIN_VIEW_SCROLL_HEIGHT - h) / ,
K_MAIN_VIEW_SCROLLER_LABLE_WIDTH,
h)];
[labText setFont:[UIFont systemFontOfSize:]];
[labText setTextColor:[UIColor whiteColor]];
labText.text = dicTemp[@"newsTitle"];
offsetX += labText.frame.origin.x; //添加到滚动视图
[scrollViewText addSubview:labText]; i++;
} //设置滚动区域大小
[scrollViewText setContentSize:CGSizeMake(offsetX, )];
}
} //开始滚动
-(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{ CGFloat startX = scrollViewText.contentSize.width - K_MAIN_VIEW_SCROLLER_LABLE_WIDTH - K_MAIN_VIEW_SCROLLER_LABLE_MARGIN; [UIView animateWithDuration:K_MAIN_VIEW_TEME_INTERVAL * animations:^{
CGRect rect;
CGFloat offsetX = 0.0; for (UILabel *lab in scrollViewText.subviews) { rect = lab.frame;
offsetX = rect.origin.x - K_MAIN_VIEW_SCROLLER_SPACE;
if (offsetX < -K_MAIN_VIEW_SCROLLER_LABLE_WIDTH)
offsetX = startX; lab.frame = CGRectMake(offsetX, rect.origin.y, rect.size.width, rect.size.height);
} NSLog(@"offsetX:%f",offsetX); }]; } @end

IOS跑马灯效果,实现文字水平无间断滚动的更多相关文章

  1. Android开发:文本控件详解——TextView(二)文字跑马灯效果实现

    一.需要使用的属性: 1.android:ellipsize 作用:若文字过长,控制该控件如何显示. 对于同样的文字“Android开发:文本控件详解——TextView(二)文字跑马灯效果实现”,不 ...

  2. JavaScript小实例-文字跑马灯效果

    我们常常能看到显示屏上字体的滚动以及手机弹幕等,下面所示代码就是一个简易的文字跑马灯的效果: <!DOCTYPE html> <html> <head lang=&quo ...

  3. iOS中跑马灯效果小结

    时光过得好快,记忆中刚刚从春节返回没有多久,清明.五一已飞逝而过,眨眼已到盛夏季节.不过还好,济南这两年不算太热,刚开始升温几天,一场及时雨总能让温度保持适宜.为了纪念一下青春的尾巴,也为了能有个健康 ...

  4. android中实现跑马灯效果以及AutoCompleteTestView与MultiAutoCompleteTextView的学习

    跑马灯效果 1.用过属性的方式实现跑马灯效果 属性:                  android:singleLine="true" 这个属性是设置TextView文本中文字 ...

  5. 微信小程序跑马灯效果--基于CSS3 animation 及 基于JS

    如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ 如果解决不了,可以在文末进群交流. 基于CSS3主要代码实现 效果图: 视图模板wxml中: <view class=&qu ...

  6. marquee标签实现跑马灯效果--无缝滚动

    今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果.但无意中发现了一个html标签——<marquee> ...

  7. TextView跑马灯效果

    转载:http://www.2cto.com/kf/201409/330658.html 一.只想让TextView显示一行,但是文字超过TextView的长度怎么办?在开头显示省略号 android ...

  8. Android_TextView之跑马灯效果

    对于android控件中的TextView,相信大家一定不陌生,在显示文本内容时十分方便.不过我在使用时遇到一个小问题,就是当文字交多时,如何为用户进行展示.今天就为大家介绍一种解决方案--跑马灯效果 ...

  9. android:ellipsize实现跑马灯效果总结(转)

      最近无意间看到了涉及到跑马灯效果的代码,于是在网上查阅了很多资料,在这里对自己看的一些文章进行一下总结,顺便加上自己的一些体会. 让我们一步步逐渐向下. 首先我们要实现走马灯这样一个效果,通常来说 ...

随机推荐

  1. [WinForm]WinForm跨线程UI操作常用控件类大全

    前言 在C#开发的WinForm窗体程序开发的时候,经常会使用多线程处理一些比较耗时之类的操作.不过会有一个问题:就是涉及到跨线程操作UI元素. 相信才开始接触的人一定会遇上这个问题. 为了解决这个问 ...

  2. GridView/DataGrid行单击和双击事件实现代码_.Net教程

    功能: 单击选中行,双击打开详细页面 说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应  ...

  3. Checkbox 模板和样式

    <Style TargetType="{x:Type CheckBox}"> <Setter Property="FontFamily" Va ...

  4. 【无私分享:ASP.NET CORE 项目实战(第三章)】EntityFramework下领域驱动设计的应用

    目录索引 [无私分享:ASP.NET CORE 项目实战]目录索引 简介 在我们 [无私分享:从入门到精通ASP.NET MVC] 系列中,我们其实也是有DDD思想的,但是没有完全的去实现,因为并不是 ...

  5. html和html5详解

    最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词.可能有人会问,这两者有什么关系呢?随着这移动互联网快速发展的时代,尤其是4G时代已经来临的时刻,加上微软对"XP系统" ...

  6. nodejs微信公众号快速开发|自定义关键字回复

    一点说明: nodejs 微信api 扩展,集成大部分功能. 案例 https://github.com/leiroc/node-wxeasy-example 上传example中文件到服务器 ,然后 ...

  7. 【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知

    前言 不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没 ...

  8. RMI(远程接口调用)

    1. RMI的原理: RMI系统结构,在客户端和服务器端都有几层结构. 方法调用从客户对象经占位程序(Stub).远程引用层(Remote Reference Layer)和传输层(Transport ...

  9. 细分java环境中的JDK、JVM、JRE

    细分java环境中的JDK.JVM.JRE 近来小看了下Android,扑面而来一堆概念JDK.JVM.JRE.SDK.NDK.ADT.缕了一下,其中JDK.JVM.JRE是java环境的东西,而SD ...

  10. order by 与 group by 区别

    order by 排序查询.asc升序.desc降序 示例: select * from 学生表 order by 年龄 ---查询学生表信息.按年龄的升序(默认.可缺省.从低到高)排列显示 也可以多 ...