JetpackCompose从入门到实战学习笔记4——Image的简单使用

已于 2022-12-31 18:39:16 修改
阅读量285 收藏
点赞数 1
分类专栏： Android Jetpack 文章标签： 学习 android
于 2022-12-31 00:00:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012556114/article/details/128501951
版权

JetpackCompose从入门到实战学习笔记4——Image的简单使用

文章目录

自定义图片

您可以使用 Image 可组合项（contentScale 和 colorFilter）中的属性来自定义图片。您还可以使用现有的 Modifiers 来将不同的效果应用到 Image。修饰符可用于任何可组合项，而不仅仅是 Image 可组合项，而 contentScale 和 colorFilter 是 Image 可组合项上的显式参数。

内容缩放

指定 contentScale 选项以剪裁图片或更改图片在其边界内的缩放方式。默认情况下，如果您未指定 contentScale 选项，系统将使用 ContentScale.Fit。

在以下示例中，Image 可组合项的尺寸限制为 150dp，并带有边框，且 Image 可组合项的背景设置为黄色，以展示下表中的不同 ContentScale 选项。

1.ContentScale.Fit：

均匀缩放图片，并保持宽高比（默认）。如果内容小于指定大小，系统会放大图片以适应边界。

val imageModifier = Modifier
    .size(150.dp)
    .border(BorderStroke(1.dp, Color.Black))
    .background(Color.Yellow)
Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Fit,
    modifier = imageModifier
)

2.效果预览：

在这里插入图片描述

3.ContentScale.Crop：

将图片居中裁剪到可用空间。

val imageModifier = Modifier
    .size(150.dp)
    .border(BorderStroke(1.dp, Color.Black))
    .background(Color.Yellow)
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = imageModifier
)

4.居中裁剪效果预览：

在这里插入图片描述

5.ContentScale.FillHeight：

缩放来源图片，保持宽高比不变，使边界与目标高度匹配。

val imageModifier = Modifier
    .size(150.dp)
    .border(BorderStroke(1.dp, Color.Black))
    .background(Color.Yellow)
Spacer(modifier = Modifier.width(10.dp))
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.FillHeight,
    modifier = imageModifier
)

Spacer(modifier = Modifier.width(10.dp))
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.FillWidth,
    modifier = imageModifier
)

6.效果预览：

在这里插入图片描述

7.ContentScale.FillBounds：

以非均匀方式垂直和水平缩放内容，以填充目标边界。（注意：如果将图片放入与其宽高比不完全相符的容器中，则图片会失真

Spacer(modifier = Modifier.width(10.dp))
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.FillBounds,
    modifier = imageModifier
)

8.效果预览：

在这里插入图片描述

9.ContentScale.Inside：

缩放来源图片，使宽高保持在目标边界内。如果来源图片在两个维度上都小于或等于目标，则其行为类似于“None”。内容始终包含在边界内。如果内容小于边界，则不会应用缩放。

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Inside,
    modifier = imageModifier
)

10.效果预览：

在这里插入图片描述

11.ContentScale.None：

不对来源图片应用任何缩放。如果内容小于目标边界，则不会缩放以适应相应区域。

Image(
       painter = painterResource(id = R.mipmap.avatar),
       contentDescription = stringResource(id = R.string.dog_content_description),
       contentScale = ContentScale.None,
       modifier = imageModifier
   )

12.效果预览：

在这里插入图片描述

13.将 Image 可组合项裁剪为某个形状

  Image(
      painter = painterResource(id = R.mipmap.avatar),
      contentDescription = stringResource(id = R.string.dog_content_description),
      contentScale = ContentScale.Crop,
      modifier = Modifier
      .size(100.dp)
      .clip(CircleShape)
  )

14.效果预览：

在这里插入图片描述

15.圆角形状 Modifier.clip

使用 Modifier.clip(RoundedCornerShape(16.dp) 并指定圆角形状的边角大小：

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(100.dp)
        .clip(RoundedCornerShape(16.dp))
)

16.效果预览：

在这里插入图片描述

17.将 Image 可组合项裁剪为形状:

class SquashedOval : Shape {
    override fun createOutline(
        size: androidx.compose.ui.geometry.Size,
        layoutDirection: androidx.compose.ui.unit.LayoutDirection,
        density: Density
    ): Outline {
        val path = Path().apply {
            // We create an Oval that starts at ¼ of the width, and ends at ¾ of the width of the container.
            addOval(
                Rect(
                    left = size.width / 4f,
                    top = 0f,
                    right = size.width * 3 / 4f,
                    bottom = size.height
                )
            )
        }
        return Outline.Generic(path = path)
    }
}

     Image(
         painter = painterResource(id = R.mipmap.avatar),
         contentDescription = "Golden retriever in falling autumn leaves",
         contentScale = ContentScale.Crop,
         modifier = Modifier
         .size(100.dp)
         .clip(SquashedOval())
     )

18.效果预览：

在这里插入图片描述

19.为 Image 可组合项添加边框

val borderWidth = 4.dp
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(100.dp)
        .border(
            BorderStroke(borderWidth, Color.Yellow),
            CircleShape
        )
        .padding(borderWidth)
        .clip(CircleShape)
)

20.效果预览：

在这里插入图片描述

21.绘制彩虹渐变边框：

val rainbowColorsBrush = remember {
    Brush.sweepGradient(
        listOf(
            Color(0xFF9575CD),
            Color(0xFFBA68C8),
            Color(0xFFE57373),
            Color(0xFFFFB74D),
            Color(0xFFFFF176),
            Color(0xFFAED581),
            Color(0xFF4DD0E1),
            Color(0xFF9575CD)
        )
    )
}
Spacer(modifier = Modifier.width(10.dp))
val borderWidth1 = 4.dp
//为 Image 可组合项添加边框，一种常见的操作是结合使用 Modifier.border() 与 Modifier.clip() 在图片周围创建边框：
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(100.dp)
        .border(
            BorderStroke(borderWidth1, rainbowColorsBrush),
            CircleShape
        )
        .padding(borderWidth1)
        .clip(CircleShape)
)

22.效果预览：

在这里插入图片描述

颜色滤镜 - 转换图片的像素颜色

Image 可组合项包含一个 colorFilter 参数，可用于更改图片中各个像素的输出。

23.ColorFilter.tint

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    colorFilter = ColorFilter.tint(Color.Yellow),
    modifier = Modifier
        .size(150.dp)
)

24.效果预览：

在这里插入图片描述

25.BlendMode.Darken和 Color.Green

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    colorFilter = ColorFilter.tint(Color.Green, blendMode = BlendMode.Darken),
    modifier = Modifier
        .size(150.dp)
)

26.效果预览：

在这里插入图片描述

27.通过颜色矩阵应用图片滤镜

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    colorFilter = ColorFilter.colorMatrix(ColorMatrix().apply { setToSaturation(0f) }),
    modifier = Modifier
        .size(150.dp)
)

28.效果预览：

在这里插入图片描述

29.调整 Image 可组合项的对比度或亮度

val contrast = 2f // 0f..10f (1 should be default)
val brightness = -180f // -255f..255f (0 should be default)
val colorMatrix = floatArrayOf(
    contrast, 0f, 0f, 0f, brightness,
    0f, contrast, 0f, 0f, brightness,
    0f, 0f, contrast, 0f, brightness,
    0f, 0f, 0f, 1f, 0f
)
Spacer(modifier = Modifier.width(10.dp))
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    colorFilter = ColorFilter.colorMatrix(ColorMatrix(colorMatrix)),
    modifier = Modifier
        .size(150.dp)
)

30.效果预览：

在这里插入图片描述

31.反转 Image 可组合项的颜色

val colorMatrix1 = floatArrayOf(
    -1f, 0f, 0f, 0f, 255f,
    0f, -1f, 0f, 0f, 255f,
    0f, 0f, -1f, 0f, 255f,
    0f, 0f, 0f, 1f, 0f
)
Spacer(modifier = Modifier.width(10.dp))
Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    colorFilter = ColorFilter.colorMatrix(ColorMatrix(colorMatrix1)),
    modifier = Modifier
        .size(150.dp)

)

32.效果预览：

在这里插入图片描述

33.对 Image 可组合项进行模糊处理

    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(150.dp)
        .blur(
            radiusX = 10.dp,
            radiusY = 10.dp,
            edgeTreatment = BlurredEdgeTreatment(RoundedCornerShape(8.dp))
        )
)

34.效果预览：

在这里插入图片描述

35.BlurredEdgeTreatment(Shape)

Image(
    painter = painterResource(id = R.mipmap.avatar),
    contentDescription = stringResource(id = R.string.dog_content_description),
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .size(150.dp)
        .blur(
            radiusX = 10.dp,
            radiusY = 10.dp,
            edgeTreatment = BlurredEdgeTreatment.Unbounded
        )
        .clip(RoundedCornerShape(8.dp))
)

36.效果预览：

在这里插入图片描述

37.设置自定义宽高比：

  Image(
         painter = painterResource(id = R.mipmap.avatar),
         contentDescription = stringResource(id = R.string.dog_content_description),
         modifier = Modifier
             .aspectRatio(16f / 9f)
     )
     Image(
         painter = painterResource(id = R.mipmap.avatar),
         contentDescription = stringResource(id = R.string.dog_content_description),
         modifier = Modifier
             .aspectRatio(4f / 3f)
     )

38.效果预览：

在这里插入图片描述
在这里插入图片描述

39.完整代码：

package com.example.composemodifiterdemo

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.BorderStroke
import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.BlurredEdgeTreatment
import androidx.compose.ui.draw.blur
import androidx.compose.ui.draw.clip
import androidx.compose.ui.geometry.Rect
import androidx.compose.ui.graphics.*
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.unit.Density
import androidx.compose.ui.unit.dp

/**
 * @auth: njb
 * @date: 2022/12/26 10:37
 * @desc:
 */
class ImageSampleActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            image()
        }
    }

    @Composable
    fun image() {
        //内容缩放,指定 contentScale 选项以剪裁或更改图片在其边界内的缩放方式。默认情况下，如果您未指定 contentScale 选项，系统将使用 ContentScale.Fit。
        //在以下示例中，Image 可组合项的尺寸限制为 150dp，并带有边框，且 Image 可组合项的背景设置为黄色，以展示下表中的不同 ContentScale 选项。
        Column {
            val imageModifier = Modifier
                .size(150.dp)
                .border(BorderStroke(1.dp, Color.Black))
                .background(Color.Yellow)
            Row(modifier = Modifier.padding(all = 10.dp)) {
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Fit,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.FillHeight,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.FillWidth,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.FillBounds,
                    modifier = imageModifier
                )
            }
            Row(modifier = Modifier.padding(all = 10.dp)) {
                //将 Image 可组合项裁剪为形状:如需使图片适应形状，请使用内置的 clip 修饰符。如需将图片剪裁成圆形，请使用 Modifier.clip(CircleShape)：
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Inside,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.None,
                    modifier = imageModifier
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(100.dp)
                        .clip(CircleShape)
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(100.dp)
                        .clip(RoundedCornerShape(16.dp))
                )
            }
            Row(modifier = Modifier.padding(all = 10.dp)) {
                //将 Image 可组合项裁剪为形状:
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = "Golden retriever in falling autumn leaves",
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(100.dp)
                        .clip(SquashedOval())
                )
                Spacer(modifier = Modifier.width(10.dp))
                val borderWidth = 4.dp
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(100.dp)
                        .border(
                            BorderStroke(borderWidth, Color.Yellow),
                            CircleShape
                        )
                        .padding(borderWidth)
                        .clip(CircleShape)
                )
                //如果您想要创建渐变边框，可以使用 Brush API 在图片周围绘制彩虹渐变边框：
                val rainbowColorsBrush = remember {
                    Brush.sweepGradient(
                        listOf(
                            Color(0xFF9575CD),
                            Color(0xFFBA68C8),
                            Color(0xFFE57373),
                            Color(0xFFFFB74D),
                            Color(0xFFFFF176),
                            Color(0xFFAED581),
                            Color(0xFF4DD0E1),
                            Color(0xFF9575CD)
                        )
                    )
                }
                Spacer(modifier = Modifier.width(10.dp))
                val borderWidth1 = 4.dp
                //为 Image 可组合项添加边框，一种常见的操作是结合使用 Modifier.border() 与 Modifier.clip() 在图片周围创建边框：
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(100.dp)
                        .border(
                            BorderStroke(borderWidth1, rainbowColorsBrush),
                            CircleShape
                        )
                        .padding(borderWidth1)
                        .clip(CircleShape)
                )

            }
            Row (modifier = Modifier.padding(all = 10.dp)){
                //对图片进行色调处理
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    colorFilter = ColorFilter.tint(Color.Yellow),
                    modifier = Modifier
                        .size(150.dp)
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    colorFilter = ColorFilter.tint(Color.Green, blendMode = BlendMode.Darken),
                    modifier = Modifier
                        .size(150.dp)
                )
                Spacer(modifier = Modifier.width(10.dp))
                //通过颜色矩阵应用图片滤镜
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    colorFilter = ColorFilter.colorMatrix(ColorMatrix().apply { setToSaturation(0f) }),
                    modifier = Modifier
                        .size(150.dp)
                )

                val contrast = 2f // 0f..10f (1 should be default)
                val brightness = -180f // -255f..255f (0 should be default)
                val colorMatrix = floatArrayOf(
                    contrast, 0f, 0f, 0f, brightness,
                    0f, contrast, 0f, 0f, brightness,
                    0f, 0f, contrast, 0f, brightness,
                    0f, 0f, 0f, 1f, 0f
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    colorFilter = ColorFilter.colorMatrix(ColorMatrix(colorMatrix)),
                    modifier = Modifier
                        .size(150.dp)
                )
                //反转 Image 可组合项的颜色
                val colorMatrix1 = floatArrayOf(
                    -1f, 0f, 0f, 0f, 255f,
                    0f, -1f, 0f, 0f, 255f,
                    0f, 0f, -1f, 0f, 255f,
                    0f, 0f, 0f, 1f, 0f
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    colorFilter = ColorFilter.colorMatrix(ColorMatrix(colorMatrix1)),
                    modifier = Modifier
                        .size(150.dp)

                )
                Spacer(modifier = Modifier.width(10.dp))
                //对 Image 可组合项进行模糊处理
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(150.dp)
                        .blur(
                            radiusX = 10.dp,
                            radiusY = 10.dp,
                            edgeTreatment = BlurredEdgeTreatment(RoundedCornerShape(8.dp))
                        )
                )
                Spacer(modifier = Modifier.width(10.dp))
                Image(
                    painter = painterResource(id = R.mipmap.avatar),
                    contentDescription = stringResource(id = R.string.dog_content_description),
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(150.dp)
                        .blur(
                            radiusX = 10.dp,
                            radiusY = 10.dp,
                            edgeTreatment = BlurredEdgeTreatment.Unbounded
                        )
                        .clip(RoundedCornerShape(8.dp))
                )
            }
            //设置自定义宽高比
            Image(
                painter = painterResource(id = R.mipmap.avatar),
                contentDescription = stringResource(id = R.string.dog_content_description),
                modifier = Modifier
                    .aspectRatio(16f / 9f)
            )
        }
    }

    class SquashedOval : Shape {
        override fun createOutline(
            size: androidx.compose.ui.geometry.Size,
            layoutDirection: androidx.compose.ui.unit.LayoutDirection,
            density: Density
        ): Outline {
            val path = Path().apply {
                // We create an Oval that starts at ¼ of the width, and ends at ¾ of the width of the container.
                addOval(
                    Rect(
                        left = size.width / 4f,
                        top = 0f,
                        right = size.width * 3 / 4f,
                        bottom = size.height
                    )
                )
            }
            return Outline.Generic(path = path)
        }
    }

}

40.完整效果预览如下：

在这里插入图片描述

淡淡的香烟
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jetpack Compose——Image(图片)的使用
lplj717的博客
12-13 4144
首先来看看基本的参数： @Composable fun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, alignment: Alignment = Alignment.Center, contentScale: ContentScale = ContentScale.Fit, alpha: Float = DefaultAlpha,
阿里出品《JetPack Compose入门到精通》，198页精简版，限时分享
Android23333的博客
07-18 979
大厂所需的，是能够掌握底层原理，并能触类旁通的人才，掌握JetpackCompose能够极大地提升你的核心竞争力，让你在大厂也能成为香饽饽。相信这份资料，一定可以为大家在Android学习上提供强有力的帮助和支撑，快人一步成为真正的高级Android开发者。最后，祝愿大家也能不断进阶提升，拿到心仪的offer！！httpshttpshttpshttpshttpshttpshttps。.........
《Jetpack Compose从入门到实战》第一章 全新的 Android UI 框架
最新发布
小蒋的博客
09-29 706
书籍源码 Compose官方文档
Compose布局之Image初步使用到了解（加载网络图片）
我怀里的猫的博客
01-06 4939
本文介绍Compose中Image控件的基本概念以及深入了解（加载网络图片）。根据官网教程总结，如有不对请在评论区指教
compose--修饰符Modifier
aruba的博客
12-09 2443
上次介绍了compose中大多数的标准组件，此外还有两个重要的组件：列表LazyColumn和LazyRow，以及约束布局ConstraintLayout，在使用它们之前，先来认识Modifier 修饰符Modifier Modifier之前已经运用过，它能做的事情很多，不仅仅是改变组件的样式，还能够改变组件的位置，以及自定义交互事件，关于Modifier的所有用法，可以查看官方文档：https:...
机器学习实战笔记4——主成分分析
01-21
4、主成分分析 11、嵌入学习 5、线性判别分析 12、强化学习 6、贝叶斯方法 13、PageRank 7、逻辑回归 14、深度学习 主成分分析(PCA) Ⅰ算法背景：维数灾难  维数灾难最早是由理查德·贝尔曼(Richard E. Bellman...
Java从入门到精通阅读笔记(第4版)8.pdf
11-28
Java从入门到精通阅读笔记(第4版)8.pdf
vue 3.0学习笔记(从入门到精通)
10-07
本文将从入门到精通的角度详细介绍Vue 3.0的关键知识点。 首先，安装Vue 3.0的开发环境是至关重要的。你可以通过npm（Node Package Manager）全局安装Vue CLI的最新版本，命令为`npm I -g @vue/cli@next`。接着，...
Bootstrap从入门到项目实战学习笔记
11-10
通过一个月的学习，整理了这份bootstrap4 class索引和笔记，以及一些参考网站资料信息都做了记录，只需此份，就可精通bs4，先分享给大家，喜欢就给个好评。（笔记最后面章节有你懂的福利，千万不要错过）
DSP入门学习笔记2——从流水灯到GPIO
08-13
"DSP入门学习笔记2——从流水灯到GPIO" 本文主要介绍了DSP入门学习笔记的第二部分，从流水灯到GPIO的控制。流水灯是硬件学习的基础，犹如Hello World之于软件学习。下面将详细介绍流水灯的实现及GPIO控制的编程。 ...
C# 重绘设置Image亮度
记事本
12-08 920
value ： -1 - 1 public Bitmap SetImageBrightness(Image img,float value) { //float value = -0.3f;// -25 * 0.01f; float[][] colorMatrixElements = { new float
ContentScaleFactor 的用法以及解释
ylwdi的专栏
08-23 4689
    看了官网这篇关于适配的文章，涉及一个函数叫setContentScaleFactor。尤其是最后一句：   ResolutionPolicy::FIXED_HEIGHT 适合高方向需要撑满，宽方向可裁减的游戏，结合setContentScaleFactor(RH/DH)使用。 ResolutionPolicy::FIXED_WIDTH 适合宽方向需要撑满，高方向可裁减的游戏...
Android开发之Compose基础学习-Image的基本用法
xiayiye5的博客
08-08 956
代码】Android开发之Compose基础学习-Image的基本用法。
图像处理学习笔记（2）——图像亮度调节
屿十_
03-24 1038
参考文章 https://www.cnblogs.com/wjr408/p/6727118.html https://zhuanlan.zhihu.com/p/26074938 https://blog.csdn.net/kenkao/article/details/3148091 https://bbs.csdn.net/topics/30279382 https://wenda.so.com...
如何为Compose Image提供网络图片加载支持
重来的博客
02-12 4377
本文是源码分析类文章 如何为Compose Image提供网络图片加载支持？目前（Compose 1.0.5）最好的选择是使用图片框架Coil，Coil对Jetpack Compose相关的支持文档在这。 Compose内的Image组件类似于ImageView，仅支持从本地加载图片资源，要想从网络中获取图片并加载，我们首先就得要使用能够处理网络请求的框架，将远程图片资源载入到本地才行。目前主流的图片加载框架Picasso、Glide、Coil等，它们更多面对的仍是传统的View系统下，将图片加载到Im.
视网膜屏的contentscalefactor设置
sanyuancap
04-08 1216
当contentScaleFactor为 1 时采用 point点和pixels点一致的模式，视网膜屏:1 point = 4 pixels 而当contentScaleFactor为2时，采用point点和pixels非一致的方式，也就是说，1个point里的4pixels会用自己不同的颜色
jQuery修改css before中的content值及scale的妙用
懒人改变世界
06-28 7899
原始的CSS.c:before {display:block;font-size:12px;content:" ";-webkit-transform:scale(.7);}jQuery修改值$("head").append('<style>.c:before {content:"hello world"}</style>');-webkit-transform:scale(.7) 真是个好东西啊，
屏幕适配 -- setContentScaleFactor的用处
热门推荐
后大学时代学习笔记
07-07 1万+
看了官网这篇关于适配的文章，涉及一个函数叫setContentScaleFactor。尤其是最后一句： ResolutionPolicy::FIXED_HEIGHT 适合高方向需要撑满，宽方向可裁减的游戏，结合setContentScaleFactor(RH/DH)使用。 ResolutionPolicy::FIXED_WIDTH 适合宽方向需要撑满，高方向
Android中Hilt的简单使用
u012556114的博客
08-26 5801
Android中Hilt的简单使用 plugins { id ‘com.android.application’ id ‘kotlin-android’ id ‘kotlin-kapt’ id ‘dagger.hilt.android.plugin’ } //Dagger - Hilt implementation “com.google.dagger:hilt-android:2.30” kapt
Python入门：从基础到实战——Icourse163课程笔记
"Python入门课程笔记及实用总结(icourse163)" 这是一份关于Python入门的课程笔记，源自Icourse163上的“Python语言程序设计”课程，由嵩天、黄天羽、礼欣三位讲师主讲。课程涵盖了Python的基础知识和实用技巧，适合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值