欢迎来到入门教程网!

IOS

当前位置:主页 > 软件编程 > IOS >

iOS实现文字水平无间断滚动效果

来源:本站原创|时间:2020-01-11|栏目:IOS|点击:332 次

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开发如何适配暗黑模式(Dark Mode)

栏    目:IOS

下一篇:iOS导航栏控制的一些总结

本文标题:iOS实现文字水平无间断滚动效果

本文地址:https://www.xiuzhanwang.com/a1/IOS/11877.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有