文章目录

  • 前言
  • 一、直接设置
  • 二、使用colors.xml中的颜色
  • 三、使用compose主题中的颜色

前言

下文三种的color都是替换下列代码中的color

        Text(text = "Text",color = 是这里)

一、直接设置

import androidx.compose.ui.graphics.Colorcolor = Color(99000000)color = Color(0xFF000080)color = Color(20,0,2)                
  • 参数int 从 ARGB 颜色 int 创建一个新的Color实例。生成的颜色位于sRGB颜色空间中。
  • 参数long 从 ARGB 颜色 int 创建一个新的Color实例。生成的颜色位于sRGB颜色空间中。这对于在不使用Long.toInt的情况下以数字形式指定 alpha 大于 0x80 的颜色很有用:0xff与colors.xml中的 # 号等价
  • 从 ARGB 颜色组件创建一个新的Color实例。生成的颜色位于sRGB颜色空间中。默认 alpha 值为0xFF (不透明)。
    参数:
    red - 颜色的红色分量,介于 0 和 255 之间。
    green - 颜色的绿色分量,介于 0 和 255 之间。
    blue - 颜色的蓝色分量,介于 0 和 255 之间。
    alpha - 颜色的 alpha 分量,介于 0 和 255 之间。

二、使用colors.xml中的颜色

import androidx.compose.ui.res.colorResourcecolor = colorResource(id = R.color.color_666666)

其中R.color.color_666666为xml中的颜色

三、使用compose主题中的颜色

实际上也是用第一种方式,不过为了适配compose中的主题做了封装,导致使用也有新花样,在Color.kt中有如下初始化颜色

在Theme.kt中如下引用

然后再页面中

import androidx.compose.material3.MaterialThemecolor = MaterialTheme.colorScheme.primary

如果不是3的话应该是

 color = MaterialTheme.color.primary

后文所有colorScheme都是替换color
这种引用看起来比前面两种复杂,但你先别急,
假设你需要一个新的颜色,但他和MaterialTheme.color.primary只有一个透明度的区别,如果去加一个新颜色是不是非常麻烦,但是如果你使用MaterialTheme,那么就只需要改为如下

MaterialTheme.colorScheme.primary.copy(alpha = 0.1f)

方便多了,不是吗?


Compose 设置颜色的三种方式相关推荐

  1. echarts饼图自定义设置颜色的三种方式

    第一种方式 option下 color:['#45C2E0', '#C1EBDD', '#FFC851','#5A5476','#1869A0','#FF9393'], 整体代码如下: option ...

  2. html正方形边框,详解HTML设置边框的三种方式

    HTML设置边框的三种方式 border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green b ...

  3. HTML设置边框的三种方式

    HTML设置边框的三种方式 文章目录 HTML设置边框的三种方式 1.边框的组成: 2.复合样式 3.单一设置 这样代表上边框 右边框 下边框 左边框 分别对四条边框进行设置 两个值代表:上下边框 左 ...

  4. response设置编码的三种方式以及比较

    https://blog.csdn.net/u010653908/article/details/53994021 response设置编码的三种方式以及比较 2017年01月03日 14:12:46 ...

  5. html中常见表达颜色的三种方式

    html中常见表达颜色的三种方式 网页中经常应用到各种颜色,这关乎界面美观以及整体的设计感,那么,具体应用到哪几种表达方式,接下来让我们一起看看: 1 英文单词表示(局限):red(红),blue(蓝 ...

  6. LaTeX中设置字体颜色的三种方式

    以下的三种方式都需要导入color包,即\usepackage{color}. 实验环境:window10,TexLive2019. 1.使用系统自定义的颜色 使用语法: \textcolor{red ...

  7. iOS-改变UITextField的Placeholder颜色的三种方式

    转自:http://blog.csdn.net/mazy_ma/article/details/51775670 有时,UITextField自带的Placeholder的颜色太浅或者不满足需求,所以 ...

  8. iOS-抠图:去除图片中指定范围颜色的三种方式

    实际项目场景:去除图片的纯白色背景图,获得一张透明底图片用于拼图功能 下面介绍两种途径的三种处理方式(不知道为啥想起了孔乙己),具体性能鶸并未对比,如果有大佬能告知,不胜感激. Core Image ...

  9. response设置编码的三种方式

    在java后台的Action代码或者Servlet代码中用response的方法来设置输出内容的编码方式,有以下三个方法: 1.response.setCharacterEncoding(" ...

最新文章

  1. 站覆盖范围_你了解无线覆盖范围和穿墙能力吗?别再走进这些误区了
  2. layui table 弹出层刷新_layui 关闭open弹出框 刷新table表格页面的方法
  3. linux内核网络协议栈--数据包的接收流程(二十三)
  4. 修改 framework 代码的经验和踩过的坑
  5. linux c 读写mbr_一文看懂Linux开机流程BIOS-MBR-GRUB-Kernel-Init-Runlevel
  6. oracle中lead函数,oracle lead()函数 | 学步园
  7. 飞鸽传书(IPMSG)协议(翻译稿)
  8. flask mysql 版本_flask 数据库字段类型
  9. 软件测试—软件测试基础知识—测试用例设计的方法之场景法、正交试验法和错误推断法
  10. select count(*)和select count(1)的区别
  11. 拒绝低效办公,9个超实用职场必备国产软件推荐
  12. 系统架构设计师与系统分析师历年实体分析与解答下载_软考 系统架构设计师备考经验分享...
  13. 怎样找一张图片的原图、出处?最全搜图网站+具体案例分享
  14. 程序员英文简历范例(通用,含初级、中级和高级)
  15. 根据市场需求和反馈调整产品定位,调整产品既定设计策略和营销策略
  16. qca wlan wifi modules解析三
  17. Leetcode 739 每日温度
  18. 粘包问题和struck解决
  19. 新疆高一计算机学业水平测试,2017年新疆高中学业水平考试科目
  20. 获取iOS设备UDID的方法

热门文章

  1. 游卡桌游王锐杰:桌游网游化是必然趋势
  2. oracle 19c驱动和18c的区别,什么是Oracle 18c的版本号?(What is the version number of Oracle 18c?)...
  3. Java:企业微信推送消息到个人和部门
  4. 教你如何记账,从晨曦记账本开始
  5. 初探802.11协议(3)——RTS/CTS控制帧
  6. 验证过的ULN2003驱动继电器电路
  7. [渝粤教育] 西南科技大学 电工学与电子学 在线考试复习资料
  8. 【Fabric】简单测试:链码单元测试+fabric-go-sdk
  9. 【图像分割】基于matlab GUI医学图像均值聚类+OUST+区域生长法图像分割【含Matlab源码 2210期】
  10. 计算器php脚本之家,PHP实现简易图形计算器