关于 jetpack compose 彩色图标显示为黑色的问题

最新推荐文章于 2024-06-21 22:21:32 发布
最新推荐文章于 2024-06-21 22:21:32 发布
阅读量369 收藏 1
点赞数 2
文章标签： 安卓 android jetpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63548381/article/details/132120838
版权

可以看到明明是有色的图标为什么预览确变成了黑色？


这是因为图标默认的色调模式 ，我们需要更改tint属性为Color.Unspecified，此时图标就会显示它自己的色彩了。

 Icon(
            painter = painterResource(id = R.drawable.nan),
            contentDescription = "man",
            tint = Color.Unspecified,
            modifier = Modifier.size(20.dp),
     )

 

 

 

猩猩G
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android开发之Compose基础学习-图标、图片资源基本用法 Icon只能使用矢量图片 Image可以显示png等图片
xiayiye5的博客
08-08 1320
代码】Android开发之Compose基础学习-图标、图片资源基本用法 Icon只能使用矢量图片 Image可以显示png等图片。
Jetpack Compose基础组件之图片组件
知识应该共享，创造才应收费
04-07 1327
在Compose中，图片组件主要有两种，分别是显示图标的Icon组件和显示图片的Image组件，当我们显示一系列的小图标的时候，我们可以使用Icon组件，当显示图片时，我们就用专用的Image组件。在Android传统的View中,我们显示图片和图标都是使用ImageView。我个人比较喜欢Compose的这种分开的方式，增加了代码的可读性。
Android开发系列（五）Jetpack Compose之Icon & Image
最新发布
06-21 995
Icon是用于在界面上显示矢量图标的组件。它提供了很多内置的矢量图标，也支持自定义图标。要使用Icon组件，可以通过指定图标资源的名称或引用来创建一个Icon对象。例如，使用Icons.Default.Home来创建一个默认风格的首页图标。可以通过设置图标的大小、颜色、和点击事件等属性来自定义Icon的外观和行为。Image是用于在界面上显示位图图像的组件。它支持从本地资源、网络URL或图像字节数组加载图像。要使用Image组件，可以通过指定图像资源的路径或源来创建一个Image对象。
如何优化 Compose 的性能？通过「底层原理」寻找答案 | 开发者说·DTalk
Android开发者
06-10 1633
本文原作者: 朱涛，原文发布于: 朱涛的自习室‍今年的Google I/O 大会上，Android 官方针对 Jetpack Compose 给出了一系列的性能优化建议，文档和视频都已经放出来了。总的来说，官方的内容都非常棒，看完以后我也有些意犹未尽，推荐您去看看。不过，如果您对 Compose 的底层原理不是特别熟悉的话，那么，看完 Android 官方的文档、视频以...
Jetpack Compose——Icon(图标)的使用
lplj717的博客
12-10 6442
Compose获取资源方式： 文本 -> stringResource(R.string.hello_world) 颜色 -> colorResource(R.color.black) 尺寸 -> dimensionResource(R.dimen.padding) 图片 -> painterResource(R.drawable.head_icon) Icon： 首先看看Icon的接收参数类型： contentDescription：是给无障碍人使用的文本描述,考虑到一些.
让你的Android UI更亮眼：Jetpack Compose中的可视状态
chuyouyinghe的专栏
06-12 495
任何设计系统的重要责任是清晰地表明哪些组件可以与之交互，哪些不行，并让用户知道交互已发生。本博客文章将解释如何监听Jetpack Compose中的用户交互，并创建可重用的视觉指示，可在整个应用程序中应用，以实现一致且响应灵敏的用户体验。
compose-icons:Jetpack Compose的开源图标包
03-28
Compose图标是一包库，提供了可在Jetpack Compose Multiplatform中使用的众所周知的Icon Pack。 库的使用受到“构成材料图标”的启发。 撰写版本 Jetpack撰写（Android）： 1.0.0-beta01 Jetbrains组成（桌面）： ...
Jetpack Compose入门到精通
01-29
**Jetpack Compose**是Android开发中的一个革命性框架，旨在简化UI开发，提供声明式编程方式，使得构建美观、高性能的应用程序变得更加容易。在这个**“Jetpack Compose入门到精通”**的学习过程中，我们将深入探讨...
Jetpack Compose入门到精通.pdf
09-06
为了可以进行模板式的开发，Google 在2018年推出了 Android Jetpack。现在 Google 的应用市场中，大部分 APP 已经开始使用 Android Jetpack。Android Jetpack 组件的集合可以帮助我们写大量重复的代码的任务，并且...
Jetpack Compose - Icon
乐翁龙
12-07 3176
Jetpack Compose - Icon1、属性一览2、使用示例3、未解决问题 1、属性一览 首先直接看下官网给的Icon的三种方法，链接在这里： @Composable fun Icon( imageVector: ImageVector, modifier: Modifier = Modifier, tint: Color = AmbientContentColor.current.copy(alpha = AmbientContentAlpha.current) ):
Android Compose颜色选择器
u010436867的博客
10-10 604
代码来自这里 /** * 颜色选择器 */ @Composable fun ColorPicker(onColorSelected: (Color) -> Unit) { val screenWidth = LocalConfiguration.current.screenWidthDp.dp val screenWidthInPx = with(LocalDensity.current) { screenWidth.toPx() } var activeColor by
Android的Compose概览
snoto的专栏
08-02 6871
文章目录Compose概览compose是什么声明式声明式更新组合函数状态statevar value by remember { mutableStateOf(default) }mutableStateOfrememberrememberSaveable状态提升接入ViewModel和LiveData使用Modifier Compose概览 官方文档 我个人看了下官方的文档，尝试了一下demo，大概做一个个人的理解和记录，还没有深入研究尝试 compose是什么 Android推出的新的，以声明式语言方
Android | Compose 初上手
345丶
05-25 1546
简介 Jetpack Compose 是用于构建原生 Andorid 界面的新工具包，Compose 使用了更少的代码，强大的工具和直观的 Kotlin Api 简化并且加快了 Android 上界面的开发。 在 Compose 中，在构建界面的时候，无需在像之前那么构建 XML 布局，只需要调用 Jetpack Compose 函数来声明你想要的的元素，Compose 编译器就会自动帮你完成后面的工作。 在开始使用 Compose 之前，你需要重新搭建环境，可参考**官方文档** 注解 @Compos
Android JetPack Compose尝鲜~~
u012556114的博客
11-28 7094
最近下载了AndroidStudio4.0，桌面图标变成了橘黄色，有点小清新，给人焕然一新的感觉，加载界面也变了，简直不要太时尚，在微信公众号和掘金看到几篇博客，写得不错，于是也尝试了一下. 1.简介：Jetpack Compose是用于构建本机Android UI的现代工具包。Jetpack Compose使用更少的代码，强大的工具和直观的Kotlin API简化并加速...
Android Jetpack Compose 实现主题切换（换肤)
m0_56144365的博客
05-30 1275
新建的Compose项目默认的 Material 主题为我们提供了一些颜色，但对我这种花里胡哨的人来说根本不够呀。 所以系统提供的主题不能满足需求时候可以自己配置主题 compose 实现换肤很简单 之前xml方法可复杂了 通过LayoutInflater调用inflate方法加载XML布局，在inflate方法中有一个createViewFromTag，再根据LayoutInflater当中Factory的接口类型（Factory or Factory2）调用CreateView方法加载，其中通过“na
Jetpack Compose | 控件篇（二） -- Icon，Image
leobert.lan的博客
08-24 1186
highlight: darcula 写在最前 在上一篇，我们学习了Compose 中的 Text 、TextField 、Button，并在WorkShop中进行了一系列尝试。 除了对他们的效果有了直观的认识外，也感受了Compose的编码乐趣。 本篇我们将继续学习Icon和Image，从命名上我们可以看出他们和 图形、图片 有关，也是 内容呈现 中非常重要的一种载体和方式。 文中代码均基于 1.0.1版本 如无特殊说明，文中的 Compose 均指代 Jetpack compose 文中代码均可在 .
vue项目 - svg格式的icon图标无法显示颜色
weixin_50477991的博客
08-10 1676
前言 在项目中遇到svg格式的icon图标无法显示颜色，这个问题。尝试过很多方法，最后发现不是代码的问题，而是iconfont图标库中没有配置好。 1. 发现问题如下 当点击菜单选项时，icon和文字同时变色。 2. 解决方案 第一步：在iconfont图标库中找到该图标，点击批量操作 第二步：图标去色 第三步：重新下载图标至项目文件中，最后重启项目 这时，图标就有颜色啦 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值