ViewController.h

  1. #import <UIKit/UIKit.h>
  2.  
  3. @interface ViewController : UIViewController{
  4. NSTimer *timer;
  5. UIScrollView *scrollViewText;
  6. }
  7.  
  8. @property (nonatomic ,strong) NSArray *arrData;
  9.  
  10. @end

ViewController.m

  1. //
  2. // ViewController.m
  3. // 跑马灯文字广告
  4. //
  5. // Created by Time.X on 16/2/15.
  6. // Copyright © 2016年 Time.X. All rights reserved.
  7. //
  8.  
  9. #import "ViewController.h"
  10.  
  11. #pragma mark - Class define variable
  12. #define K_MAIN_VIEW_SCROLL_HEIGHT 80.0f
  13. #define K_MAIN_VIEW_SCROLL_TEXT_TAG 300
  14. #define K_MAIN_VIEW_TEME_INTERVAL 0.35 //计时器间隔时间(单位秒)
  15. #define K_MAIN_VIEW_SCROLLER_SPACE 20 //每次移动的距离
  16. #define K_MAIN_VIEW_SCROLLER_LABLE_WIDTH 280 //字体宽度
  17. #define K_MAIN_VIEW_SCROLLER_LABLE_MARGIN 20 //前后间隔距离
  18.  
  19. @interface ViewController ()
  20.  
  21. @end
  22.  
  23. @implementation ViewController
  24.  
  25. #pragma mark - Class property
  26. @synthesize arrData;
  27.  
  28. - (void)viewDidLoad {
  29. [super viewDidLoad];
  30.  
  31. [self initView];
  32. }
  33.  
  34. - (void)didReceiveMemoryWarning {
  35. [super didReceiveMemoryWarning];
  36. // Dispose of any resources that can be recreated.
  37. }
  38.  
  39. #pragma mark - Custom method
  40. //初始化数据
  41. -(void) initView{
  42.  
  43. if (!self.arrData) {
  44. self.arrData = @[
  45. @{
  46. @"newsId" :@"",
  47. @"newsImg" :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709395519.jpg",
  48. @"newsTitle" : @"三大理由欧元任性抗跌,欧元区峰会将为希腊定调"
  49. },
  50. @{
  51. @"newsId" :@,
  52. @"newsImg" :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/sy_2015070709273545.jpg",
  53. @"newsTitle" :@"欧盟峰会或现希腊转机,黄金打响1162保卫战"
  54. },
  55. @{
  56. @"newsId" :@,
  57. @"newsImg" :@"http://bg.fx678.com/HTMgr/upload/UpFiles/20150707/2015070706533134.jpg",
  58. @"newsTitle" :@"希腊困局欧元不怕,油价服软暴跌8%"
  59. }
  60. ];
  61. }
  62.  
  63. //文字滚动
  64. [self initScrollText];
  65.  
  66. //开启滚动
  67. [self startScroll];
  68. }
  69.  
  70. //文字滚动初始化
  71. -(void) initScrollText{
  72.  
  73. //获取滚动条
  74. scrollViewText = (UIScrollView *)[self.view viewWithTag:K_MAIN_VIEW_SCROLL_TEXT_TAG];
  75. if(!scrollViewText){
  76. scrollViewText = [[UIScrollView alloc] initWithFrame:CGRectMake(, , self.view.frame.size.width, K_MAIN_VIEW_SCROLL_HEIGHT)];
  77. scrollViewText.showsHorizontalScrollIndicator = NO; //隐藏水平滚动条
  78. scrollViewText.showsVerticalScrollIndicator = NO; //隐藏垂直滚动条
  79. scrollViewText.tag = K_MAIN_VIEW_SCROLL_TEXT_TAG;
  80. [scrollViewText setBackgroundColor:[UIColor grayColor]];
  81.  
  82. //清除子控件
  83. for (UIView *view in [scrollViewText subviews]) {
  84. [view removeFromSuperview];
  85. }
  86.  
  87. //添加到当前视图
  88. [self.view addSubview:scrollViewText];
  89. }
  90.  
  91. if (self.arrData) {
  92.  
  93. CGFloat offsetX = ,i = , h = ;
  94.  
  95. //设置滚动文字
  96. UILabel *labText = nil;
  97. for (NSDictionary *dicTemp in self.arrData) {
  98. labText = [[UILabel alloc] initWithFrame:CGRectMake(
  99. i * (K_MAIN_VIEW_SCROLLER_LABLE_WIDTH + K_MAIN_VIEW_SCROLLER_LABLE_MARGIN),
  100. (K_MAIN_VIEW_SCROLL_HEIGHT - h) / ,
  101. K_MAIN_VIEW_SCROLLER_LABLE_WIDTH,
  102. h)];
  103. [labText setFont:[UIFont systemFontOfSize:]];
  104. [labText setTextColor:[UIColor whiteColor]];
  105. labText.text = dicTemp[@"newsTitle"];
  106. offsetX += labText.frame.origin.x;
  107.  
  108. //添加到滚动视图
  109. [scrollViewText addSubview:labText];
  110.  
  111. i++;
  112. }
  113.  
  114. //设置滚动区域大小
  115. [scrollViewText setContentSize:CGSizeMake(offsetX, )];
  116. }
  117. }
  118.  
  119. //开始滚动
  120. -(void) startScroll{
  121.  
  122. if (!timer)
  123. timer = [NSTimer scheduledTimerWithTimeInterval:K_MAIN_VIEW_TEME_INTERVAL target:self selector:@selector(setScrollText) userInfo:nil repeats:YES];
  124.  
  125. [timer fire];
  126. }
  127.  
  128. //滚动处理
  129. -(void) setScrollText{
  130.  
  131. CGFloat startX = scrollViewText.contentSize.width - K_MAIN_VIEW_SCROLLER_LABLE_WIDTH - K_MAIN_VIEW_SCROLLER_LABLE_MARGIN;
  132.  
  133. [UIView animateWithDuration:K_MAIN_VIEW_TEME_INTERVAL * animations:^{
  134. CGRect rect;
  135. CGFloat offsetX = 0.0;
  136.  
  137. for (UILabel *lab in scrollViewText.subviews) {
  138.  
  139. rect = lab.frame;
  140. offsetX = rect.origin.x - K_MAIN_VIEW_SCROLLER_SPACE;
  141. if (offsetX < -K_MAIN_VIEW_SCROLLER_LABLE_WIDTH)
  142. offsetX = startX;
  143.  
  144. lab.frame = CGRectMake(offsetX, rect.origin.y, rect.size.width, rect.size.height);
  145. }
  146.  
  147. NSLog(@"offsetX:%f",offsetX);
  148.  
  149. }];
  150.  
  151. }
  152.  
  153. @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. 设计模式(十三)代理模式(Proxy Pattern)

    一.引言 在软件开发过程中,有些对象有时候会由于网络或其他的障碍,以至于不能够或者不能直接访问到这些对象,如果直接访问对象给系统带来不必要的复杂性,这时候可以在客户端和目标对象之间增加一层中间层,让代 ...

  2. 通过CSS的border绘制三角形

    通过css的border 可以绘制出三角形, 不同的样式组合,有着不同的效果,可以控制它的大小,颜色,方向.看下面各种图形,相信可能还有很多图形,大家都没见过. 先写出公共的样式: .border { ...

  3. sed的应用

    h3 { color: rgb(255, 255, 255); background-color: rgb(30,144,255); padding: 3px; margin: 10px 0px } ...

  4. SharePoint 2010 数据库xxx的事务日志已满

    接到领导安排,说客户有问题 请求协助解决,对方给我展示的错误日志,如下: 数据库'WSS_Content_xxxx'的事务日志已满.若要查明无法重用日志中的空间的原因,请参阅sy.databases中 ...

  5. 实现下来ScrollView放大轮播图

    创建工程,创建一个UIScrollView属性,并遵循其协议: #define kWidth self.view.frame.size.width//屏幕宽 #define kHeight self. ...

  6. 整理分享原生态mac AndroidStudio的快捷键

    使用AndroidStudio开发半年了,一路爬坑至今,刚由Windows转mac一个星期.通过查些资料和自己摸索,记录一些常用的快捷键,犹豫个人不喜欢改快捷键,所以都是原生的.特此分享给大家!欢迎补 ...

  7. DXGI 1.4的新特性

    其实到写这篇文章的时候,DXGI已经出1.5版了,但很多朋友实际上还在用1.2甚至1.1,所以现在谈1.4一点也不过时,而且1.4又是一次非常重大的更新,很值得仔细谈谈. 为了支持Direct3D 1 ...

  8. [Erlang 0113] Elixir 编译流程梳理

    注意:目前Elixir版本还不稳定,代码调整较大,本文随时失效      之前简单演示过如何从elixir ex代码生成并运行Erlang代码,下面仔细梳理一遍elixir文件的编译过程,书接上文,从 ...

  9. DBMS_NETWORK_ACL_ADMIN

    DBMS_NETWORK_ACL_ADMIN学习 转载 http://blog.sina.com.cn/s/blog_4f925fc30102e2se.html 标签: oracle it 分类: 数 ...

  10. EF里如何定制实体的验证规则和实现IObjectWithState接口进行验证以及多个实体的同时验证

    之前的Code First系列文章已经演示了如何使用Fluent API和Data Annotation的方式配置实体的属性,比如配置Destination类的Name属性长度不大于50等.本文介绍E ...