iOS使用 CABasicAnimation 实现简单的跑马灯（无cpu暴涨）_网络技术

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

发布时间 - 2026-01-10 22:42:48 点击率：次

网上找了几个，但都有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"];

}

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

# ios实现跑马灯效果 # ios跑马灯效果 # ios # cabasicanimation # iOS 实现跑马灯效果的方法示例 # 持续时间 # 几个 # 都有 # 找了 # 大家多多 # 跑马灯 # 网上 # AD # UILabel # headImage # animationhead # animation # Iformation # NSString # Image # WebCache # UIImageView # implementation # CGRectMake # alloc

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251811 】【 AI营销90571 】

上一篇：Laravel开发：如何使用Laravel Nova和Adm

下一篇：綦江学校,綦江有些什么中学？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Laravel开发：如何使用Laravel Nova和Adm

下一篇：綦江学校,綦江有些什么中学？