iOS 动画 CAGradientLayer、 CABasicAnimation~demo

2023-12-04 02:38

本文主要是介绍iOS 动画 CAGradientLayer、 CABasicAnimation~demo,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

//联系人:石虎 QQ:1224614774 昵称:嗡嘛呢叭咪哄

一、概念


/**

   1.此方法很简单,有操作视图和方法,动画效果参考~直接拷贝就可以实现

   2. 图片下面有, 代码可以任意修改变化不同的颜色显示,

   3.GIF 图请看简书:https://www.jianshu.com/p/238835eab372

 */

GIF图:

               iPhone X     




二、代码实现


//  ViewController.m

//  滑动解锁动画~demo

//

//  Created by joyshow on 2018/1/20.

//  Copyright © 2018年 石虎. All rights reserved.

//


#import "ViewController.h"


#define SHPageCount  2

#define KMainScreenH [UIScreen mainScreen].bounds.size.height

#define kMainScreenW [UIScreen mainScreen].bounds.size.width


@interface ViewController ()<UIScrollViewDelegate>



//解锁 label

@property (nonatomic,strong)UILabel *unlockLabel;


@end


@implementation ViewController


- (void)viewDidLoad {

    [superviewDidLoad];

    

    [selfanimationUnlockLabel];

}


#pragma mark - 设置所有动画解锁方法

#pragma mark -

- (void)animationUnlockLabel

{

    

    // gradientLayer

    CAGradientLayer *gradientLayer = [CAGradientLayerlayer];

    gradientLayer.frame = CGRectMake(0, 0, kMainScreenW, KMainScreenH);

    gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor,

                             (__bridge id)[UIColor yellowColor].CGColor,

                             (__bridge id)[UIColor purpleColor].CGColor];

    gradientLayer.locations = @[@0.25,@0.5,@0.75];

    gradientLayer.startPoint = CGPointMake(0, 0);

    gradientLayer.endPoint = CGPointMake(1, 0);

    [self.view.layeraddSublayer:gradientLayer];

    

    // 初始化 unlockLabel

    self.unlockLabel = [[UILabelalloc]initWithFrame:gradientLayer.bounds];

    gradientLayer.mask = _unlockLabel.layer;

    [self.viewaddSubview:_unlockLabel];

    

    //执行动画 animation

    CABasicAnimation *animation = [CABasicAnimationanimationWithKeyPath:@"locations"];

    animation.fromValue = @[@0,@0,@0.25];

    animation.toValue = @[@0.75,@1,@1];

    animation.repeatCount = MAXFLOAT;

    animation.duration = 2.5f;

    [gradientLayer addAnimation:animation forKey:nil];

    

}


@end


谢谢!!!

这篇关于iOS 动画 CAGradientLayer、 CABasicAnimation~demo的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/451806

相关文章

Kotlin Compose Button 实现长按监听并实现动画效果(完整代码)

《KotlinComposeButton实现长按监听并实现动画效果(完整代码)》想要实现长按按钮开始录音,松开发送的功能,因此为了实现这些功能就需要自己写一个Button来解决问题,下面小编给大... 目录Button 实现原理1. Surface 的作用(关键)2. InteractionSource3.

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

Android与iOS设备MAC地址生成原理及Java实现详解

《Android与iOS设备MAC地址生成原理及Java实现详解》在无线网络通信中,MAC(MediaAccessControl)地址是设备的唯一网络标识符,本文主要介绍了Android与iOS设备M... 目录引言1. MAC地址基础1.1 MAC地址的组成1.2 MAC地址的分类2. android与I

Springboot处理跨域的实现方式(附Demo)

《Springboot处理跨域的实现方式(附Demo)》:本文主要介绍Springboot处理跨域的实现方式(附Demo),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录Springboot处理跨域的方式1. 基本知识2. @CrossOrigin3. 全局跨域设置4.

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问