Flutter向 开发人员需要了解的和颜色有关的知识

news2024/11/15 11:11:53

前言

构建应用前台的开发人员常常需要和颜色打交道,即使很多时候,前台人员不用自己设计颜色,而是由设计师给出颜色,不过经常和颜色打交道,整理和颜色有关的知识还是开卷有益的

flutter中指定颜色的常用方式

Color.fromARGB

  • fromARGB方法用于创建颜色,需要四个参数:透明度(A)、红色(R)、绿色(G)、蓝色(B)
  • 每个参数的范围都是0到255
  • 透明度(A)参数控制颜色的不透明度,0 表示完全透明,255 表示完全不透明

Color.fromRGBO

  • fromRGBO方法同样需要红色(R)、绿色(G)、蓝色(B)三个颜色分量和一个透明度(opacity)值作为参数
  • R、G、B的范围也是0到255
  • 透明度(opacity)是一个0.0到1.0的值,其中0.0表示完全透明,1.0表示完全不透明

Colors.blue

Flutter框架的Colors 类提供了一系列预定义的颜色,这些颜色是根据材料设计指南预设的颜色值,可以直接调用

Color: Color(int.parse('000000', radix: 16)).withAlpha(255))

'000000' 是一个十六进制颜色代码,十六进制颜色代码通常由6个十六进制数字组成,分别代表红、绿、蓝三个颜色分量(两个数字代表一个颜色分量,范围从00FF

int.parse 函数将字符串形式的十六进制数转换为十进制整数。radix: 16 表明输入的字符串是基于16的,即十六进制

在Flutter中,颜色可以通过提供一个十进制整数来创建,Flutter中的 Color 类需要一个32位的整数作为输入,其中8位用于alpha(透明度)值,剩下的24位分别用于红、绿、蓝三个颜色分量。因此,直接使用转换得到的整数会缺少alpha值

withAlpha 方法:这个方法用于给颜色添加alpha(透明度)值。255 表示完全不透明。因此,.withAlpha(255) 是将转换得到的颜色设置为完全不透明

颜色模型

最为常用RGB

RGB颜色模型是一种加色模型,主要用于电子显示器(如电视、电脑屏幕、手机屏幕等)和数字摄影。RGB代表红(Red)、绿(Green)、蓝(Blue),这三种颜色光的不同组合可以生成几乎所有感知的颜色。RGB模型是基于人类视觉对光的感应,人的眼睛中有对这三种颜色敏感的感光细胞。在RGB模型中,每种颜色通常由一个范围在0到255之间的值表示,其中0表示最低强度(即该颜色不出现),255表示最高强度(即该颜色全亮)

次常用CMYK

CMYK颜色模型是一种减色模型,主要用于彩色打印。CMYK代表青色(Cyan)、洋红色(Magenta)、黄色(Yellow)和黑色(Key,因为在四色印刷中用得最多,故称之为"关键"色)。与RGB模型不同,CMYK是通过减少光的反射来创建颜色的,即通过吸收一部分白光(背景光)来显示颜色。在CMYK模型中,颜色的强度也是通过0到100的百分比来表示,0%表示没有该颜色的墨水,而100%表示该颜色的墨水全满

附录

加色、减色模型

加色模型基于光的直接混合,其中颜色的创建是通过将不同颜色的光线组合在一起实现的

减色模型基于物质颜色的混合,这种模型的工作原理是吸收(或“减去”)某些波长的光,反射或透过其他波长的光来显示颜色

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

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

相关文章

海外IP代理:解锁网络边界的实战利器

文章目录 引言:正文:一、Roxlabs全球IP代理服务概览特点:覆盖范围:住宅IP真实性:性价比:在网络数据采集中的重要性: 二、实战应用案例一:跨境电商竞品分析步骤介绍:代码示…

vscode的ssh忽然连不上服务器:远程主机可能不符合glibc和libstdc++ VS Code服务器的先决条件

vscode自动更新了一下就发现连不上服务器了,我寻思估计一大堆人都寄了,一搜,果然哈哈哈哈 然后我直接搜一天内新发布的博客,还真给我搜到了这个问题,按照这个问题里面的回答(vscode1.86无法远程连接waitin…

Notion 开源替代品:兼容 Miro 绘图 | 开源日报 No.162

toeverything/AFFiNE Stars: 25.6k License: NOASSERTION AFFiNE 是下一代知识库,将规划、排序和创建集于一身。它是一个注重隐私、开源、可定制且即插即用的替代方案,可以与 Notion 和 Miro 相媲美。主要功能和优势包括: 超融合&#xff1…

深入理解网络编程之BIO和NIO

目录 原生JDK网络编程BIO BIO通信模型服务端代码 BIO通信模型客户端代码 伪异步模型服务端代码(客户端跟之前一致) 原生JDK网络编程NIO 什么是NIO? NIO和BIO的主要区别 阻塞与非阻塞IO NIO之Reactor模式 NIO中Reactor模式的基本组成…

Vue 上门取件时间组件

本文使用vue2.0elementui 制作一个上门取件时间组件,类似顺丰,样式如下: 大概功能:点击期望上门时间,下面出现一个弹框可以选择时间: 首先我们定义一些需要的数据: data() {return {isDropdown…

Github处理clone慢的解决方案

Github设置代理clone依然慢的解决方案 1、前提:科学上网 注意: 必须要有科学上网!必须要有科学上网!必须要有科学上网!重要的事情说三遍; 2、http/https方案(git clone时使用http&#xff09…

【git指南】git 本地代码版本控制

文章目录 git 本地代码版本控制1 设置全局 Git 用户名和邮箱2 初始化仓库3 提交文件4 文件修改5 版本对比6 版本回退7 版本分支8 版本合并 git 本地代码版本控制 ​ 下面介绍在 vscode 中如何利用 git 对本地代码进行版本控制。可以查看官网介绍来获得更详细的内容。 1 设置全…

01-Java工厂模式 ( Factory Pattern )

工厂模式 Factory Pattern 摘要实现范例 工厂模式(Factory Pattern)提供了一种创建对象的最佳方式 工厂模式在创建对象时不会对客户端暴露创建逻辑,并且是通过使用一个共同的接口来指向新创建的对象 工厂模式属于创建型模式 摘要 1. 意图 …

统信UOS上强大的文本编辑器

原文链接:统信UOS上强大的文本编辑器 大家好!在我们的日常工作和学习中,文本编辑器是我们最常用的工具之一。今天,我非常高兴地为大家介绍统信UOS系统自带的一款功能强大的文本编辑器。无论您是编程新手还是资深开发者&#xff0c…

SQL注入:sqli-labs靶场通关(1-37关)

SQL注入系列文章: 初识SQL注入-CSDN博客 SQL注入:联合查询的三个绕过技巧-CSDN博客 SQL注入:报错注入-CSDN博客 SQL注入:盲注-CSDN博客 SQL注入:二次注入-CSDN博客 ​SQL注入:order by注入-CSDN博客 …

深度学习和大数据技术的进步在自然语言处理领域的应用

文章目录 每日一句正能量前言一、深度学习在NLP中的应用二、大数据技术在NLP中的应用三、深度学习和大数据技术的影响四、应用场景后记 每日一句正能量 努力学习,勤奋工作,让青春更加光彩。 前言 随着深度学习和大数据技术的迅猛发展,自然语…

多线程(进阶三:JUC)

目录 一、Callable接口 1、创建线程的操作 2、编写多线程代码 (1)实现Runnable接口(使用匿名内部类) (2)实现Callable接口(使用匿名内部类) 二、ReentrantLock 1、ReentrantL…

算法:阿里巴巴找黄金宝箱(II)

一、算法描述 题目描述 一贫如洗的樵夫阿里巴巴在去砍柴的路上,无意中发现了强盗集团的藏宝地,藏宝地有编号从0-N的箱子, 每个箱子上面贴有箱子中藏有金币Q的数量。 从金币数量中选出一个数字集合, 并销毁贴有这些数字的每个箱子&…

校招春招,在线测评一般测试哪些内容?

在校园招聘这一块,很多应届毕业生会相当在乎,对于他们来说,如果在学校期间就找到工作是比较轻松的事情,不用担心毕业之后找工作困难重重,可以稳稳当当毕业。但想要迅速通过招聘也不容易,在校招春招上面&…

2024美赛C题参考论文更新+完整数据集+配套代码

2024美赛C题 (文末获取完整版) 首先,我们需要对缺失的speed_mph进行插补。缺失值处理是数据预处理的重要环节之一。可以采用均值、中位数或者根据其他相关特征进行预测的方法来填补缺失值。在这里,我们可以考虑使用其他相关的特征…

[C++]类和对象(中)

一:类的六个默认成员函数 如果一个类中什么成员都没有,简称为空类。空类中并不是什么都没有,任何类在什么都不写时,编译器会自动生成以下6个默认成员函数。默认成员函数:用户没有显式实现,编译器会生成的成员函数称为…

Multi-bit的实现方法和应用 (下)

书接上回,Multi-bit的实现方法和应用 (上),闲言少叙,ICer GO! In-place MBFF实现 相较于仅基于逻辑连接的MBFF封装,如果考虑到布局的实际情况,那么就有physical aware的in-place的M…

导出pdf 加密、加水印、加页脚

1.依赖 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.10</version> </dependency> <dependency> …

前端开发之deepmerge的使用和示例(对象的深度合并)

前端开发之deepmerge的使用和示例 前言使用场景链接效果图vue中简单案例1、安装插件2、示例结果前言 在平时的项目中经常会涉及到对象除了第一层以及下层进行深度合并,本问讲解的是深度合并的插件deepmerge,使用此插件避免通过递归实现一些深度合并所带来的问题 使用场景 …

Django的web框架Django Rest_Framework精讲(二)

文章目录 1.自定义校验功能&#xff08;1&#xff09;validators&#xff08;2&#xff09;局部钩子&#xff1a;单字段校验&#xff08;3&#xff09;全局钩子&#xff1a;多字段校验 2.raise_exception 参数3.context参数4.反序列化校验后保存&#xff0c;新增和更新数据&…