效果图: github:https://github.com/RinpeChen/CAGradientLayerBasicDemo…

转载自:http://blog.it985.com/7986.html 看了极客学院的视频之后写的一篇博客,觉得不错,还是作为笔记使用. 简单介绍一下CAGradientLayer吧. Gradient:本身就是梯度的意思,所以在这里就是作为渐变色来理解 1,CAGradientLayer用于处理渐变色的层结构 2,CAGradientLayer的渐变色可以做隐式动画 3,大部分情况下,CAGradientLayer时和CAShapeLayer配合使用的.关于CAShapeLayer可以看我的这…

CAGradientLayer渐变颜色动画 或许你用过CAGradientLayer,你知道他是用于渐变颜色的,但你是否直到,CAGradientLayer的渐变颜色是可以动画的哦. 源码: // // RootViewController.m // CAGradientLayer // // Copyright (c) 2014年 Y.X. All rights reserved. // #import "RootViewController.h" #import "CAS…

效果图: 代码部分: RPGradientAnimationView.h #import <UIKit/UIKit.h> typedef enum : NSUInteger { RPGradientAnimationViewColorDirectionUpToDown = , // 从上到下 RPGradientAnimationViewColorDirectionLeftToRight = , // 从左到右 RPGradientAnimationViewColorDirectionDown…

效果预览 在线演示 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/odpRKX 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/c/cmQV7Hd 源代码下载 本地下载 请从 github 下载. https://github.com/comehope/front-end-…

有时候iOS开发中需要使用到渐变色,来给图片或者view盖上一层,使其显示效果更好,我们这里使用的CAGradientLayer来设置渐变色 要实现的效果如下: Demo地址---下载 // 创建渐变色图层 CAGradientLayer *gradientLayer= [CAGradientLayer layer]; gradientLayer.frame = CGRectMake(100, 100, 200, 200); gradientLayer.colors = @[ (id)[UICo…

效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/odpRKX 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/c/cmQV7Hd 源代码下载 请从 github 下载. https://github.com/comehope/front-end-daily-chal…

原文地址:https://segmentfault.com/a/1190000014785816 感想:边框是伪元素::after来的: HTML代码: <div class="box"> you are my<br> FAVORIFE </div> CSS代码: html, body,.box { margin:; padding:; height: 100%; display: flex; justify-content: center; ali…

OCiOS开发:CAGradientLayer 渐变色 CAGradientLayer 简介 CAGradientLayer是CALayer图层类的子类,用于处理渐变色的层结构. CAGradientLayer的渐变色可以做隐式动画. CAGradientLayer和CAShapeLayer配合使用可实现复杂效果. CAGradientLayer可以用作PNG的遮罩效果. CAGradientLayer 坐标系统 CAGradientLayer的坐标系统是从坐标(0,0)到(1,1)绘制的矩形.…

参考: CAShapeLayer和CAGradientLayer 一 简介 1,CAGradientLayer,处理颜色渐变: 2,CAGradientLayer的渐变色可以做隐式动画: 3,大部分情况下,CAGradientLayer都是与CAShapeLayer配合使用的. CAShapeLayer提供形状,CAGradientLayer做背景.一般,CAShaperLayer作为CAGradientLayer的遮照——mask来用————CAGradientLayer作为背景使用: 4,C…