利用CAGradientLayer自定义颜色渐变view

说个故事: UI设计对大家说:“我们拒绝炒现饭!"。 然后就加了一波特效。 程序员猝。

#####效果分析: 1.水波动画。 2.背景颜色渐变。

#####实现思路: 1.水波动画,用CGMutablePathRef和三角函数画出波浪线,让后利用CADisplayLink将内容实时更新到屏幕上。

2.背景颜色渐变,利用渐变层CAGradientLayer将背景颜色由到深渐变,然后在利用定时器加三角函数实时变动起点和终点的颜色。

#####代码逻辑: 代码直接看demo吧DCGradientView 背景颜色渐变的核心代码如下:

#####关于颜色渐变尝试过的代码:

 if (self.gradLayer == nil) {self.gradLayer = [CAGradientLayer layer];self.gradLayer.frame = self.bounds;}self.gradLayer.startPoint = CGPointMake(0, 0.8);self.gradLayer.endPoint = CGPointMake(1, 0.2);//create colors, important sectionNSMutableArray *colors = [NSMutableArray array];for (NSInteger deg = 0; deg <= 360; deg += 1) {UIColor *color;color = [UIColor colorWithHue:1.0 * deg / 360.0saturation:1.0brightness:1.0alpha:1.0];[colors addObject:(id)[color CGColor]];}[self.gradLayer setColors:[NSArray arrayWithArray:colors]];
复制代码

效果如下:

可以通过改变for循环里面的区间值,从而达到某一颜色渐变的效果。但是选取的颜色始终达不到设计的要求,所以放弃。

还尝试利用公式计算RGB。 Gradient = A + (B-A) / Step * N每个RGB都要利用这个公式计算,A是开始值,B是结束值,Step分成的总份数,N是当前的份数。

NSMutableArray *colors = [NSMutableArray array];for (int i = 1; i<17; i ++) {float r = 37 + (13-37)/16*i;float g = 191 + (150-191)/16*i;float b = 191 + (173-191)/16*i;UIColor *color = [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:1];[colors addObject:(id)[color CGColor]];}for (int i = 1; i<17; i ++) {float r2 = 13 + (37-13)/16*i;float g2 = 150 + (191-150)/16*i;float b2 = 173 + (191-173)/16*i;UIColor *color2 = [UIColor colorWithRed:r2/255.0 green:g2/255.0 blue:b2/255.0 alpha:1];[colors addObject:(id)[color2 CGColor]];}复制代码

颜色由浅到深,再由深到浅逐渐变化,所以对称着添加了一遍。这实现的效果跟最终效果很接近,但是仔细看会发现,颜色会有一条条的感觉,颜色分布不是很细腻。所以也放弃。


DCGradientView

怎么觉得代码清楚得连注释都不用写-_-``

转载请注明出处 © XDChang

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/277691.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【笔记】spring定时器时间配置实例

"0/10 * * * * ?" 每10秒触发 "0 0 12 * * ?" 每天中午12点触发 "0 15 10 ? * *" 每天上午10:15触发 "0 15 10 * * ?" 每天上午10:15触发 "0 15 10 * * ? *" 每天上午10:15触发 "0 15 10 * * ? 2005" 2…

java简介和开发环境搭建

因为本人的Java一直以来水平都不怎么样&#xff0c;大一的时候只考了60分。所以在临近毕业的时候&#xff0c;我选择了重修Java&#xff0c;这些天正在慢慢的回顾Java&#xff0c;会到博客里面记录一些Java的知识&#xff0c;不为有多少人来看&#xff0c;只希望自己有所收获。…

第六章 函数和宏定义实验(2)

C程序设计实验报告 实验项目&#xff1a; 1、利用复化梯形公式计算定积分 2、计算Ackerman函数 3、编写计算x的y次幂的递归函数getpower(int x,int y)&#xff0c;并在主程序中实现输入输出 4、编写计算学生年龄的递归函数 5、编写递归函数实现Ackman函数 姓名&#xff1a;王锦…

将控件保存为图片

原文:将控件保存为图片将控件保存为图片 周银辉 这里分别提供win form 和 wpf 两种方式 对于.net 2.0 我们可以简单地利用 BitBlt 函数来实现&#xff0c;非常简单&#xff0c;代码如下&#xff1a; publicstaticclassControlToImageConverter { privateconstInt32 S…

Linux基础命令---get获取ftp文件

get 使用lftp登录ftp服务器之后&#xff0c;可以使用get指令从服务器获取文件。 1、语法 get [-E] [-a] [-c] [-O base] rfile [-o lfile] 2、选项列表 选项 说明 -o 指定输出文件的名字&#xff0c;不指定则使用原来的名字 -c 如果失败&#xff0c;持续获取 -E 获取…

Unity3D学习笔记之二资源导入以及工程管理

本次教程&#xff0c;我们来建立自己的一个工程并导入模型&#xff0c;对模型进行处理。特别说明&#xff1a;这系列教程参考自人人素材翻译组出品的翻译教程《Unity游戏引擎的基础入门视频教程》&#xff0c;本博客中采用的模型和方法均来源于此。这是我浏览过好多教程后觉得讲…

关于cocos creator换装功能的实践与思考

2019独角兽企业重金招聘Python工程师标准>>> 最近在做一个基于cocos creator的微信小游戏&#xff0c;其中一个主要的功能是给角色进行换装。先来说下开发环境&#xff1a; cocos creator1.9.3spine 在官方的文档中只有设置皮肤的接口&#xff0c;实际上是存在可以部…

pl/sql查询表数据,报错ORA-03115:不支持的网络数据类型或表示法

今天测试人员遇到一个问题&#xff1a;pl/sql查询表数据&#xff0c;报错ORA-03115&#xff1a;不支持的网络数据类型或表示法 我在plsql上查询这张表是没有问题的&#xff0c;去看了那张表&#xff0c;发现有个字段类型是binary_double&#xff0c; 查资料发现这是oracle10才出…

抖店一件代发实操,干货满满!

我是电商珠珠 没有货源的新手&#xff0c;在店铺刚开始的时候可以搞无货源模式&#xff0c;也就是一件代发&#xff0c;去搬运别人店铺的商品到自己店铺&#xff0c;再去利用信息差去赚取差价。 很多人不知道具体要怎么做&#xff0c;今天我就来给大家讲一讲。 一、入驻 入…

Unity3D学习笔记之三Prefab组件的使用

本次教程&#xff0c;我们来创建一个简单的Prefab组件。教程参考自人人素材翻译组出品的翻译教程《Unity游戏引擎的基础入门视频教程》。说到Prefab&#xff0c;中文翻译为预设体&#xff0c;在Unity官方的书本《Unity4.X从入门到精通》中的解释是&#xff1a;可以理解为是一个…

JavaScript之闭包

不少开发人员总是搞不清匿名函数和闭包这两个概念&#xff0c;因此经常混用。闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式&#xff0c;就是在一个函数内部创建另一个函数 --《JavaScript高级程序设计》 转载于:https://www.cnblogs.com/songsongblue/…

【跃迁之路】【522天】程序员高效学习方法论探索系列(实验阶段279-2018.07.12)...

(跃迁之路)专栏 【跃迁之路】奖励金计划正式开始 从2018.7.1起&#xff0c;【跃迁之路】奖励金计划正式起航&#xff0c;从今以后&#xff0c;每月1日&#xff0c;我会将自己个人上月收入的1%计入【跃迁之路】奖励金池&#xff0c;积累到足够金额后&#xff0c;将适时用于奖励那…

迷茫在路口——致我的2014

今天是2015年一月一日&#xff0c;2014年已经过去了。这意味着再过六个月整&#xff0c;我就要大学毕业&#xff0c;开始为自己的未来拼搏。这一年&#xff0c;我过的充实且迷茫。说2014充实&#xff0c;是因为我从寒假结束到有一个寒假的到来&#xff0c;几乎没有怎么闲下来&a…

Codeforces 173E Camping Groups 线段树

Camping Groups 我们先计算出&#xff0c; 每个点当leader所能掌控的最多人数。 然后我们把询问离线&#xff0c; 丢到responsibility最大的那个地方去。 然后从大到小往线段树里加人&#xff0c; 加入完之后处理掉当前的询问。 如果强制在线的话就只能树套树啦。 #include<…

tomcat闪退解决方案

在这几天&#xff0c;遇到一个Tomcat启动闪退的问题&#xff0c;通过查阅各种资料&#xff0c;算是完美解决。在此分享给朋友们。 首先&#xff0c;确定你的问题在哪里 1.查询错误&#xff1a;winR 输入cmd&#xff0c;进入一般处理程序。通过cd 找到你Tomcat的bin文件夹&#…

《古剑奇谭2》详细测评心得

期待已久的《古剑奇谭2》。仔仔细细的玩下来给我的感觉还是不错的。烛龙也不愧是国产单机的良心公司了&#xff0c;回合制的战斗方式改成了即时战斗类。 的确&#xff0c;国产动作类的游戏经验目前等于零。《古剑2》一改以往国产网游的作风跳出了回合制的圈子实属不易&#xff…

LeetCode 581. 最短无序连续子数组(Shortest Unsorted Continuous Subarray)

581. 最短无序连续子数组581. Shortest Unsorted Continuous Subarray 题目描述 给定一个整型数组&#xff0c;你需要寻找一个连续的子数组&#xff0c;如果对这个子数组进行升序排序&#xff0c;那么整个数组都会变为升序排序。 你找到的子数组应是最短的&#xff0c;请输出它…

NFS4文件锁机制探秘

2019独角兽企业重金招聘Python工程师标准>>> 简介 NFS4实现“租赁锁”。每个锁拥有一样的“租赁期”。客户端的读写操作将刷新“租赁期”。租赁期到期后&#xff0c;锁将被服务器释放。NFS4通过下述“模型”实现对锁的管理&#xff1a; 1) 清晰地划分客户端和服务器…

Stay Hungry Stay Foolish——网络学习平台分享

从1月24号回家也有一阵子了&#xff0c;今天已经是31号&#xff0c;这一个周的中心思想就是一个字&#xff0c;玩。 学生一但远离学校&#xff0c;就会碰到许多学习的阻力&#xff0c;有来自外界的&#xff0c;家里有活要干&#xff0c;有亲戚要访&#xff0c;有同学邀约&…

linux_check

linux_check echo "********CPU****************" echo 总核数 物理CPU个数 X 每颗物理CPU的核数 echo " 总逻辑CPU数 物理CPU个数 X 每颗物理CPU的核数 X 超线程数"echo 查看物理CPU个数 cat /proc/cpuinfo| grep "physical id"| sort| un…