android 高颜值app开发第一步——颜色与渐变

2024-03-05 21:18

本文主要是介绍android 高颜值app开发第一步——颜色与渐变,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

对于用户来说,这是一个看脸的世界,今天就来简单的聊一聊颜色与渐变实现。

1、颜色表示方法

常见的颜色模型主要有HSV、RGB、HSI、CHL、LAB、CMY等,其中我们接触最多的还是RGB,HSV和YUV这三种表示方式。


1.1 RGB是我们接触最多的一种颜色表示方式,也比较直观,RGB颜色空间中,RGB三个分量的属性是独立的。也即是说,RGB颜色可以表示为(Red, Green, Blue)。从RGB到HSV对应的转换关系中我们可以看出,RGB各个分量的数值越小,亮度越低。数值越大,亮度越高;如:(0,0,0)表示黑色,(255255,255)表示白色;

其中,RGB颜色空间表示颜色的格式有RGB565,RGB555,RGB24,RGB32等;

RGB565是使用16位表示一个像素:5位表示R,6位表示G,5位表示B;

RGB555是另一种16位表示一个像素的方法:分别用5位来表示RGB分量;剩余一位不用;

RGB24是使用24位表示一个像素:分别用8位表示RGB各个分量;这种方式最为常见;

RGB32是使用32位来表示一个像素:分别用8位表示RGB各个分量;剩余8位为alpha通道,也就是用来表示图像的“透明度”。注意:在某些系统中,剩余的8位并没有使用;

android 系统中一般使用RGB32来表示。


1.2  HSV颜色模型

每一种颜色都是由色相(Hue,简H),饱和度(Saturation,简S)和色明度(Value,简V)所表示的。HSV模型对应于
圆柱坐标系中的一个圆锥形子集,圆锥的顶面对应于V=1。它包含RGB模型中的R=1,G=1,B=1 三个面,所代表的颜色较亮。色彩H由绕V轴的旋转角给定。红色对应于 角度0° ,绿色对应于角度120°,蓝色对应于角度240°。在HSV颜色模型中,每一种颜色和它的补色相差180°。饱和度S取值从0到1,所以圆锥顶面的半径为1。
HSV颜色模型所代表的颜色域是CIE色度图的一个子集,这个模型中饱和度为百分之百的颜色,其纯度一般小于百分之百。在圆锥的顶点(即原点)处,V=0,H和S无定义,代表黑色。圆锥的顶面中心处S=0,V=1,H无定义,代表白色。从该点到原点代表亮度渐暗的灰色,即具有不同 灰度的灰色。对于这些点,S=0,H的值无定义。
可以说,HSV模型中的V轴对应于RGB颜色空间中的主对角线。 在圆锥顶面的圆周上的颜色,V=1,S=1,这种颜色是纯色。HSV模型对应于画家配色的方法。画家用改变色浓和 色深的方法从某种纯色获得不同色调的颜色,在一种纯色中加入白色以改变色浓,加入黑色以改变色深,同时加入不同比例的白色,黑色即可获得各种不同的色调。
1.3 YUV颜色模型
在现代彩色电视系统中,通常采用三管彩色摄像机或彩色CCD(点耦合器件)摄像机,它把摄得的彩色图像 信号,经分色、分别放大校正得到RGB,再经过矩阵变换电路得到亮度信号Y和两个色差信号R-Y、B-Y, 最后发送端将亮度和色差三个信号分别进行编码,用同一信道发送出去。这就是我们常用的YUV色彩空间。 采用YUV色彩空间的重要性是它的亮度信号Y和色度信号U、V是分离的。如果只有Y信号分量而没有U、V分量, 那么这样表示的图就是黑白灰度图。彩色电视采用YUV空间正是为了用亮度信号Y解决彩色电视机与黑白电视机 的兼容问题,使黑白电视机也能接收彩色信号。
根据美国国家电视制式委员会,NTSC制式的标准,当白光的亮度用Y来表示时,它和红、绿、蓝三色光的关系可用如下式的方程描述:Y=0.3R+0.59G+0.11B 这就是常用 的亮度公式。色差U、V是由B-Y、R-Y按不同比例压缩而成的。如果要由YUV空间转化成RGB空间,只要进行 相反的逆运算即可。与YUV色彩空间类似的还有Lab色彩空间,它也是用亮度和色差来描述色彩分量,其中L为亮度、a和b分别为各色差分量。
1.4、RGB与HSV颜色空间转换
转换公式可以在下面博文中看到:
http://blog.sina.com.cn/s/blog_44a9645c0101222r.html
2、渐变
在android开发中,我们一般会用到一些渐变效果或者动画效果。
2.1、空间渐变
如果我们想在某个平面上实现一个颜色到另一个颜色的渐变区域,我们可以通过下面的方法很容易实现
http://blog.csdn.net/knxw0001/article/details/8834434
这篇博文详细的介绍了这种效果,补充一点:
线性渐变时,angle的值只能为45*n°,其中n取正整数,也就是说渐变只能是确定的八个方向(360/45),这在源码GradientDrawable.java类的updateGradientDrawableGradient()方法里面可以看到。 
2.2、随着时间透明度渐变
目前android支持的颜色时间渐变动画都是通过改变透明度来改变实现动画,如:
http://blog.csdn.net/leechee_1986/article/details/7561389 
效果实现起来比较容易,这里不再赘述。
2.3、随着时间颜色渐变的实现
android目前不支持这种,大家的做法一般是采用多张不同颜色的图片动态的播放gif图。
这种做法技术成熟,实现较为容易,但是缺陷在于需要多张图片,自然需要添加新的资源图片,如果可以通过渐变背景颜色的方式,则可以避免这一问题
最近在知乎上看到一篇帖子:《拳皇中的人物变色是如何实现的?》。里面有人回复,传统的做法是通过将RGB色值转化为HSV色值表示法,然后通过动态改变HSV中H分量,同时保持亮度和饱和度分量不变,然后通过计算得到的新的HSV色值转化为android使用的RGB色值,从而实现颜色渐变动画(不包含透明度)的效果。 

未完待续。。。

 
参考文献:1、http://baike.baidu.com/link?url=9ZGovLPM48gAkTfYrAjAwMTzLmNxXlSaWI_XPRvjhlMNYTOihjr9RRWOzEaWdCiWH0uHNzM4JZjQDjYba9Jp4K
2、http://blog.sina.com.cn/s/blog_44a9645c0101222r.html
3、http://blog.csdn.net/knxw0001/article/details/8834434
4、 http://blog.csdn.net/leechee_1986/article/details/7561389
5、http://www.zhihu.com/question/31133351



这篇关于android 高颜值app开发第一步——颜色与渐变的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

Linux_kernel驱动开发11

一、改回nfs方式挂载根文件系统         在产品将要上线之前,需要制作不同类型格式的根文件系统         在产品研发阶段,我们还是需要使用nfs的方式挂载根文件系统         优点:可以直接在上位机中修改文件系统内容,延长EMMC的寿命         【1】重启上位机nfs服务         sudo service nfs-kernel-server resta

【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

随着区块链技术的快速发展,越来越多的企业开始将其应用于实际业务中。然而,区块链技术的专业性使得其集成开发成为一项挑战。针对此,广东中创智慧科技有限公司基于国产开源联盟链 FISCO BCOS 推出了区块链集成开发平台。该平台基于区块链技术,提供一套全面的区块链开发工具和开发环境,支持开发者快速开发和部署区块链应用。此外,该平台还可以提供一套全面的区块链开发教程和文档,帮助开发者快速上手区块链开发。

Vue3项目开发——新闻发布管理系统(六)

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后,系统就进入了首页。接下来,也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分,左侧为系统的菜单栏,右侧