网上找了几个,但都有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"]; }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍WPF实现简单的跑马灯效果,包括了WPF实现简单的跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 最近项目上要用到跑马灯的效果,和网上不太相同的是,网上大部分都是连续的,而我们要求的是不连续的。 也就是是,界面上就展示4项(展示项数可变),如果有7项要展示的话,则不断的在4个空格里左跳,当然,衔接上效果不是很好看。 然后,需要支持点击以后进行移除掉不再显示的内容。 效果如下: 思
本文向大家介绍jQuery+CSS3文字跑马灯特效的简单实现,包括了jQuery+CSS3文字跑马灯特效的简单实现的使用技巧和注意事项,需要的朋友参考一下 jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 效果图如下: 完整HTML代码如下: 以上就是小编为大家带来的jQuery+CSS3文字跑马灯特效的
本文向大家介绍iOS 实现跑马灯效果的方法示例,包括了iOS 实现跑马灯效果的方法示例的使用技巧和注意事项,需要的朋友参考一下 在网页开发当中跑马灯是常用到的,用来显示通知等,在游戏开发当中也如此。 首先来看看效果图: 接下来就简单看看这效果是怎么实现的。 实现方法 1、首先我们从这个图片里面能联想到如果实现这个效果必然需要使用到动画,或者还有有用scrollView的思路,这里我是用的动画的方式
本文向大家介绍android使用TextView实现跑马灯效果,包括了android使用TextView实现跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android使用TextView实现跑马灯效果的具体代码,供大家参考,具体内容如下 先上效果图:此为静态图,实际动态中文字匀速向左滑动。 实现步骤: 第一步:创建好布局页面 第二步:在activity中编写java代
本文向大家介绍Silverlight实现跑马灯动画,包括了Silverlight实现跑马灯动画的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Silverlight实现跑马灯效果的具体代码,供大家参考,具体内容如下 主要功能有以下几点: 1、使用动画属性驱动图片运动动画 2、图片循环到最后一张后会自动循环 3、当鼠标放到图片时运动的图片会停止,当鼠标离开时暂停的图片会继续运动 4、当
本文向大家介绍学习iOS全局跑马灯,包括了学习iOS全局跑马灯的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了iOS全局跑马灯制作方法,供大家参考,具体内容如下 思路: 1.创建一个单例 2.把接收的数据存在本地的 plist,不适用于大量数据,每次读取第一个数据,读取完成删除整个 plist,再把剩下的重新存进 plist 3.根据动画代理,监听动画执行结束,将动画实例置为 nil