iOS使用 CABasicAnimation 实现简单的跑马灯(无cpu暴涨)

发布时间:2020-10-14 08:23:17 作者:字母大师
来源:脚本之家 阅读:673

网上找了几个,但都有cup暴涨的情况发生,于是利用CABasicAnimation 简单的实现一个跑马灯,实现简单,可自己定制

#import <UIKit/UIKit.h>

@interface LoopView : UIView
@property(nonatomic,strong)NSString *Iformation;
@property(nonatomic,strong)NSString *Image;
@end
#import "LoopView.h"
#import "UIImageView+WebCache.h"
@interface LoopView(){
  UILabel *AD;
  UIImageView *headImage;
  CABasicAnimation *animation;
   CABasicAnimation *animationhead;
}
@end
@implementation LoopView
-(instancetype)initWithFrame:(CGRect)frame{

  self = [super initWithFrame:frame];
  if (self) {
    AD = [[UILabel alloc]initWithFrame:CGRectMake(28*WPSCREEN_WIDTH_RATIO, 0, self.frame.size.width, self.frame.size.height)];
    [self addSubview:AD];

    AD.textColor = TJXColor(146, 152, 169);
    AD.font = [UIFont fontWithName:@"Gotham-Book" size:12*WPSCREEN_WIDTH_RATIO];
    AD.textAlignment = NSTextAlignmentLeft;
    headImage = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 20*WPSCREEN_WIDTH_RATIO, 20*WPSCREEN_WIDTH_RATIO)];

    [self addSubview:headImage];

    headImage.layer.cornerRadius = 10;
    headImage.layer.masksToBounds = YES;

    [self sssss];
    [self headimage];
  }
  return self;
}
-(void)setIformation:(NSString *)Iformation{
    AD.text =Iformation;
}
-(void)setImage:(NSString *)Image{

   [headImage sd_setImageWithURL:[NSURL URLWithString:Image]];
}
-(void)sssss{


  animation = [CABasicAnimation animationWithKeyPath:@"position"];
  // 动画选项的设定
  animation.duration = 2; // 持续时间
  animation.repeatCount = MAXFLOAT; // 重复次数
  animation.removedOnCompletion = NO;
  animation.autoreverses = NO;
  // 起始帧和终了帧的设定
  animation.fromValue = [NSValue valueWithCGPoint:CGPointMake(AD.layer.position.x, 30*WPSCREEN_HIGTH_RATIO)]; // 起始帧
  animation.toValue = [NSValue valueWithCGPoint:CGPointMake(AD.layer.position.x, AD.layer.position.y-20*WPSCREEN_HIGTH_RATIO)]; // 终了帧
  // 添加动画
  [AD.layer addAnimation:animation forKey:@"AnimationMoveY"];
//  [headImage.layer addAnimation:animation forKey:@"AnimationMoveY"];

}
-(void)headimage{
  animationhead = [CABasicAnimation animationWithKeyPath:@"position"];
  // 动画选项的设定
  animationhead.duration = 2; // 持续时间
  animationhead.repeatCount = MAXFLOAT; // 重复次数
  animationhead.removedOnCompletion = NO;
  animationhead.autoreverses = NO;
  // 起始帧和终了帧的设定
  animationhead.fromValue = [NSValue valueWithCGPoint:CGPointMake(headImage.layer.position.x, 30*WPSCREEN_HIGTH_RATIO)]; // 起始帧
  animationhead.toValue = [NSValue valueWithCGPoint:CGPointMake(headImage.layer.position.x, headImage.layer.position.y-20*WPSCREEN_HIGTH_RATIO)]; // 终了帧
  // 添加动画
  [headImage.layer addAnimation:animationhead forKey:@"AnimationMoveY"];

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。

推荐阅读:
  1. iOS动画:UIView动画和CALayer动画(CABasicAnimation、CAKeyframeAnimation的使用)
  2. iOS仿抖音视频加载动画效果的实现方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ios 跑马灯效果 暴涨

上一篇:java常用工具类 数字工具类

下一篇:MySQL Union合并查询数据及表别名、字段别名用法分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》