Compose Canvas

于 2024-04-19 16:29:57 发布
阅读量323 收藏 4
点赞数 5
分类专栏： # Jetpack Compose 文章标签： Jetpack Compose Canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_14876133/article/details/137957411
版权
本文详细介绍了Compose中的Canvas组件，包括如何使用drawPoints、drawLine、drawRect等函数绘制各种图形，以及如何设置颜色、线宽、混合模式等属性。重点讲解了点模式、混合模式的使用和示例。
摘要由CSDN通过智能技术生成

文章目录

Compose Canvas

概述

在Compose中绘制文字、曲线、矩形、圆、椭圆、圆弧、路径、BlendMode等。

Canvas属性

@Composable
fun Canvas(modifier: Modifier, onDraw: DrawScope.() -> Unit) =　　
    Spacer(modifier.drawBehind(onDraw))

@DrawScopeMarker
interface DrawScope : Density {

    // 当前的DrawContext，包含创建绘图环境所需的依赖项
    val drawContext: DrawContext

    // 绘图环境当前边界的中心
    val center: Offset
        get() = drawContext.size.center

    // 当前绘图环境的大小（可以通过size获取当前Canvas的宽和高）
    val size: Size
        get() = drawContext.size

    // 绘制版面的版面方向
    val layoutDirection: LayoutDirection

    companion object {

        // 用于每个绘图操作的默认混合模式。这样可以确保将内容绘制在目标中的像素上方
        val DefaultBlendMode: BlendMode = BlendMode.SrcOver
    }
}

drawPoints 绘制点

drawPoints属性

// 方法一：
fun drawPoints(
    points: List<Offset>, // 点的集合
    // Points：点模式；Lines：两点的线模式；Polygon：连续的线模式
    pointMode: PointMode, // 绘制方式
    color: Color, // 颜色
    strokeWidth: Float = Stroke.HairlineWidth, // 宽度
    // Butt：直角，末端无延伸；Round：圆角，末端有延伸；Square：直角，末端有延伸
    cap: StrokeCap = StrokeCap.Butt, // 末端处理
    pathEffect: PathEffect? = null, // 点的可选效果或图案
    alpha: Float = 1.0f, // 透明度
    colorFilter: ColorFilter? = null,  // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

// 方法二：
fun drawPoints(
    points: List<Offset>,
    pointMode: PointMode,
    brush: Brush, // 渐变色
    strokeWidth: Float = Stroke.HairlineWidth,
    cap: StrokeCap = StrokeCap.Butt,
    pathEffect: PathEffect? = null,
    alpha: Float = 1.0f,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode
)

使用

使用pointMode属性：

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

var pointMode by remember {
    mutableStateOf(PointMode.Points)
}
val scrollState = rememberScrollState()
val points = arrayListOf(
    Offset(100F, 100F),
    Offset(300F, 300F),
    Offset(500F, 500F),
    Offset(700F, 500F),
    Offset(900F, 900F),
)
var text by remember {
    mutableStateOf("PointMode.Points")
}
Column(modifier = Modifier.fillMaxSize()) {
    Row(modifier = Modifier.horizontalScroll(scrollState)) {
        Button(onClick = {
            pointMode = PointMode.Points
            text = "PointMode.Points"
        }) {
            Text("PointMode.Points")
        }
        Button(onClick = {
            pointMode = PointMode.Lines
            text = "PointMode.Lines"
        }) {
            Text("PointMode.Lines")
        }
        Button(onClick = {
            pointMode = PointMode.Polygon
            text = "PointMode.Polygon"
        }) {
            Text("PointMode.Polygon")
        }
    }
    Text(text)
    Canvas(modifier = Modifier
           .size(360.dp)
           .background(Color.LightGray)) {
        drawPoints(
            points = points,
            pointMode = pointMode,
            color = Color.Red,
            strokeWidth = 15F
        )
    }
}

使用brush属性：

在这里插入图片描述

Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawPoints(
        points = points,
        pointMode = PointMode.Polygon,
        cap = StrokeCap.Square,
        strokeWidth = 30F,
        brush = Brush.linearGradient(
            colors = arrayListOf(Color.Red, Color.Green, Color.Blue)
        )
    )
}

上面的颜色是均匀分布的，也可以精确指定每段的颜色，如下：

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawPoints(
        points = points,
        pointMode = PointMode.Polygon,
        cap = StrokeCap.Square,
        strokeWidth = 30F,
        brush = Brush.linearGradient(
            0.0F to Color.Red, 0.2F to Color.Green, 0.8F to Color.Blue
        )
    )
}

drawLine 绘制线

drawLine属性

// 方法一：
fun drawLine(
    color: Color, // 线的颜色
    start: Offset, // 开始坐标
    end: Offset, // 结束坐标
    strokeWidth: Float = Stroke.HairlineWidth, // 线的宽度
    cap: StrokeCap = Stroke.DefaultCap, // 末端处理
    pathEffect: PathEffect? = null, // 线的可选效果或图案
    alpha: Float = 1.0f, // 透明度
    colorFilter: ColorFilter? = null, // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

// 方法二：
fun drawLine(
    brush: Brush, // 渐变色
    start: Offset,
    end: Offset,
    strokeWidth: Float = Stroke.HairlineWidth,
    cap: StrokeCap = Stroke.DefaultCap,
    pathEffect: PathEffect? = null,
    alpha: Float = 1.0f,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode
)

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawLine(
        color = Color.Red,
        start = Offset(100F, 100F),
        end = Offset(900F, 900F),
        strokeWidth = 30F,
        cap = StrokeCap.Round
    )
}

drawRect 绘制矩形

drawRect属性

fun drawRect(
    color: Color, // 颜色
    topLeft: Offset = Offset.Zero, // 顶点
    size: Size = this.size.offsetSize(topLeft), // 尺寸
    alpha: Float = 1.0f, // 透明度
    // Fill：填充；Stroke：边框；
    style: DrawStyle = Fill, // 样式
    colorFilter: ColorFilter? = null, // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

class Stroke(
    val width: Float = 0.0f, // 边的宽度
    val miter: Float = DefaultMiter, // 连接角度
    val cap: StrokeCap = StrokeCap.Butt, // 末端处理
    val join: StrokeJoin = StrokeJoin.Miter, // 边的连接处理
    val pathEffect: PathEffect? = null
) : DrawStyle()

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawRect(
        color = Color.Red,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 400F)
    )
}

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawRect(
        color = Color.Red,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 400F),
        style = Stroke(width = 30F, cap = StrokeCap.Round)
    )
}

drawRoundRect 绘制圆角矩形

drawRoundRect属性

fun drawRoundRect(
    color: Color,
    topLeft: Offset = Offset.Zero,
    size: Size = this.size.offsetSize(topLeft),
    cornerRadius: CornerRadius = CornerRadius.Zero, // 圆角
    style: DrawStyle = Fill,
    alpha: Float = 1.0f,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode
)

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawRoundRect(
        color = Color.Red,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 600F),
        cornerRadius = CornerRadius(50F),
        style = Stroke(width = 30F)
    )
}

drawCircle 绘制圆

drawCircle属性

fun drawCircle(
    color: Color, // 颜色
    radius: Float = size.minDimension / 2.0f, // 半径
    center: Offset = this.center, // 圆形坐标
    alpha: Float = 1.0f, // 透明度
    style: DrawStyle = Fill, // 样式
    colorFilter: ColorFilter? = null, // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawCircle(
        color = Color.Red,
        radius = 300F,
        center = center
    )
}

在这里插入图片描述

Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawCircle(
        color = Color.Red,
        radius = 300F,
        center = center,
        style = Stroke(width = 30F)
    )
}

drawOval 绘制椭圆

drawOval属性

fun drawOval(
    color: Color,
    topLeft: Offset = Offset.Zero,
    size: Size = this.size.offsetSize(topLeft),
    alpha: Float = 1.0f,
    style: DrawStyle = Fill,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode
)

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawOval(
        color = Color.Red,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 600F),
        style = Stroke(width = 30F)
    )
}

drawArc 绘制圆弧

drawArc属性

fun drawArc(
    color: Color, // 颜色
    startAngle: Float, // 开始角度
    sweepAngle: Float, // 弧度
    useCenter: Boolean, // 是否使用中心
    topLeft: Offset = Offset.Zero, // 顶点
    size: Size = this.size.offsetSize(topLeft), // 尺寸
    alpha: Float = 1.0f, // 透明度
    style: DrawStyle = Fill, // 样式
    colorFilter: ColorFilter? = null, // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

使用

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawArc(
        color = Color.Red,
        startAngle = 0F,
        sweepAngle = 270F,
        useCenter = true,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 400F)
    )
}

在这里插入图片描述

Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawArc(
        color = Color.Red,
        startAngle = 0F,
        sweepAngle = 270F,
        useCenter = false,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 400F)
    )
}

在这里插入图片描述

Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawArc(
        color = Color.Red,
        startAngle = 0F,
        sweepAngle = 270F,
        useCenter = false,
        topLeft = Offset(100F, 100F),
        size = Size(400F, 400F),
        style = Stroke(width = 5F)
    )
}

drawImage 绘制图片

drawImage属性

// 方式一：
fun drawImage(
    image: ImageBitmap, // 图片
    topLeft: Offset = Offset.Zero, // 顶点
    alpha: Float = 1.0f, // 透明度
    style: DrawStyle = Fill, // 样式
    colorFilter: ColorFilter? = null, // 颜色效果
    blendMode: BlendMode = DefaultBlendMode // 混合模式
)

// 方式二：
fun drawImage(
    image: ImageBitmap,
    srcOffset: IntOffset = IntOffset.Zero, // 设置原图片
    srcSize: IntSize = IntSize(image.width, image.height), // 设置原图片尺寸
    dstOffset: IntOffset = IntOffset.Zero, // 设置目标图片
    dstSize: IntSize = srcSize, // 设置目标图片尺寸
    alpha: Float = 1.0f,
    style: DrawStyle = Fill,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode,
    filterQuality: FilterQuality = DefaultFilterQuality
)

使用

在这里插入图片描述

val context = LocalContext.current
val bitmap = BitmapFactory.decodeResource(context.resources, R.drawable.a)
val image = bitmap.asImageBitmap()
Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawImage(
        image = image
    )
}

在这里插入图片描述

val context = LocalContext.current
val bitmap = BitmapFactory.decodeResource(context.resources, R.drawable.a)
val image = bitmap.asImageBitmap()
Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawImage(
        image = image,
        srcOffset = IntOffset(0, 0),
        srcSize = IntSize(100, 100),
        dstOffset = IntOffset(100, 100),
        dstSize = IntSize(400, 400)
    )
}

drawPath 绘制路径

drawPath属性

fun drawPath(
    path: Path,
    color: Color,
    alpha: Float = 1.0f,
    style: DrawStyle = Fill,
    colorFilter: ColorFilter? = null,
    blendMode: BlendMode = DefaultBlendMode
)

使用

在这里插入图片描述

val path = Path()
path.moveTo(100F, 300F)
path.lineTo(100F, 700F)
path.lineTo(800F, 700F)
path.lineTo(900F, 300F)
path.lineTo(600F, 100F)
path.close()
Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawPath(
        path = path,
        color = Color.Red,
        style = Stroke(width = 10F)
    )
}

在这里插入图片描述

val path = Path()
path.moveTo(100F, 300F)
path.lineTo(100F, 700F)
path.quadraticBezierTo(800F,700F,600F,100F)
path.cubicTo(700F,200F,800F,400F,100F,100F)
path.close()
Canvas(
    modifier = Modifier
        .size(360.dp)
        .background(Color.LightGray)
) {
    drawPath(
        path = path,
        color = Color.Red,
        style = Stroke(width = 10F)
    )
}

混合模式

混合模式：

在这里插入图片描述

BlendMode类型说明：

在这里插入图片描述

使用：

在这里插入图片描述

Canvas(
    modifier = Modifier
    .size(360.dp)
    .background(Color.LightGray)
) {
    drawCircle(
        color = Color.Yellow,
        radius = 170F,
        center = Offset(350F, 350F),
        blendMode = BlendMode.Clear
    )
    drawRect(
        color = Color.Red,
        topLeft = Offset(300F, 300F),
        size = Size(350F, 350F),
        blendMode = BlendMode.Clear
    )
}
xiangxiongfly915
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jetpack Compose中的Canvas
川峰的博客
01-13 1735
Jetpack Compose中直接提供了一个叫 Canvas 的 Composable 组件，可以在任何 Composable 组件中直接使用，在 Canvas 的DrawScope作用域中就可以使用其提供的各种绘制Api进行绘制了。这比传统View要方便的多，传统View中，你只能继承一个View控件，才有机会覆写其onDraw()方法。Canvas Api使用相比比传统View中的要简单一些，不需要画笔Paint和画布分开来，大多数直接就是一个函数搞定，当然也有一些限制。
Compose_20--画布（Canvas）
weixin_42404361的博客
01-04 2506
如果我们想自定义图形的话，就要使用Canvas，因为Canvas是自定义图形的核心可组合项。在Canvas中，可用空间大小可用通过modifier来设置，例如设置Canvas的可用空间大小为填充其父元素： Canvas(modifier = Modifier.fillMaxSize()) { } Canvas自动提供了一个维护自身状态且限定了作用域的绘图环境--DrawScope，其提供了一些有用的字段： drawContext：包含创建图形环境所需依赖项的当前DrawContext； cent
Compose眼珠跟随手势移动的笑脸
我怀里的猫的博客
08-29 224
通过Compose Canvas中的一些方法配合简单的动画API实现了这个眼珠跟随手势移动的笑脸😁。
Compose中Canvas绘制
最新发布
juer2017的博客
10-27 457
用Compose中的Canvas绘制了一个Android机器人。
带你了解Compose图形之Compose Canvas
xiaokangss的博客
12-30 636
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。这里有一份整理好的《Android Compose 强化实战》（100%免费领取），帮助你快速拿到心仪的offer！
Compose Canvas 折线图
丿灬安之若死
07-17 399
下面的周几是因为没有drawText。
清除canvas画布内容(点擦除+线擦除)
11-20
当需要清除Canvas画布内容时，有两种主要方法：重置宽或高以及使用`clearRect`方法。 1. 重置宽或高 这种方法简单直接，通过重新设置Canvas的宽度或高度，其内容将被清空。例如： ```javascript var c = ...
wasm-canvas:C用C编写的库提供了友好的抽象层，用于在将Emscripten编译为WebAssembly时与HTML Canvas API进行交互
05-11
如果您使用过JavaScript中的Canvas API，则绘制语法很简单且友好，就像JavaScript倾向于使用的那样。 尽管JavaScript在可读性方面很出色，但是它经常缺乏可优化性。 具有高性能要求的Web应用程序可能会转向使用C...
canvas-gamification
03-30
git config --global core.autocrlf inputPython 3.7 所需的软件包列在requirements.txt中码头工人在本地运行udget0或部署网站时需要Judge0服务器在docker compose中提供邮件系统对于生产，需要SMTP邮件服务。...
Doom-Compose：使用Jetpack Compose实现DOOM射击效果
02-04
Jetpack Compose提供了丰富的图形API，允许开发者绘制复杂的2D图形，包括射击效果的粒子系统、动态轨迹等，这些都是通过Compose的Canvas组件实现的。 【Game Development】利用Jetpack Compose进行游戏开发是一种...
Countdowner:用Compose编写的倒数计时器应用程序
03-05
倒数计时 :scroll: 描述 一个用Jetpack Compose编写的简单倒数计时器应用程序，可以试用动画API。 :light_bulb: 动机与情境 圆使用Canvas制作，并使用路径剪切和animateFloatAsState动画处理。 那是一个有趣的练习。 :camera_with_flash: 屏幕截图 执照 Copyright 2020 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://www.apache.org/licenses/LICENSE-2.0 Unles
flux:#AndroidDevChallenge
03-25
由于可以完全自定义，因此使用Jetpack Compose Canvas将粒子生成器用于在景观视图上绘制雪，雨（轻，重和雷暴）以及云。 当显示的天气为雷暴雨时，此画布还以随机路径绘制照明。 Flux还通过四个部分显示基本的天气...
Android jetpack compose 绘制圆滑渐变色折线图，可点击选择X轴坐标及其相关Y轴值
杨迪龙的博客
12-07 1235
Android jetpack compose 绘制圆滑渐变色折线图，可点击选择X轴坐标及其相关Y轴值前言代码依赖实现配色代码UI代码完事 前言 当前时间节点下，jetpack compose确实太新了，想找个好用的折线图轮子都没找到，只好自己摸索来做了。 代码 依赖 https://github.com/D10NGYANG/DLDateUtil https://github.com/D10NGYANG/DLStringUtil 只是拿两个字符串显示转换的方法而已，可以不依赖的 实现 配色代码 /* 主题
Compose Canvas饼图效果绘制
number_cmd9的博客
07-19 846
利用触摸手势，以原图中心点作为基准，将每次移动的分量进行拆分，来判断该区间对于x分量和y分量应该采取加或减的增幅方式，举个例子，当处于饼图下方时（一半高度以下），移动方向为正时，其增幅为正，该方向为顺时针方向，所以角度可以增加，当处于饼图左侧时（一半宽度偏左），移动方向为下时，其增幅为负，该方向为逆时针方向，所以角度需要减少。因为饼图整体呈圆形，所以我们将所有数据合起来当一个圆，里面的每一块数据的占比，就是它的弧度，而对于弧度我们可以用Canvas中的drawArc可以来绘制器弧形。.........
再用Compose Canvas画只猛虎，这次不是封面党
郭霖
02-18 296
/ 今日科技快讯 /近日，针对频发的网络暴力现象，抖音进一步升级了平台预防网暴的能力。其中，针对不当评论，抖音将上线“发文警示”功能，进行拦截；针对不当私信，抖音将上线“风险提醒”...
Compose Canvas基础（1） drawxxx()绘制方法
我怀里的猫的博客
10-05 552
阅读本文需要一定compose基础，如果没有请移步Jetpack Compose入门详解（实时更新）本文介绍Compose Canvas基础，介绍Canvas可组合项依赖的原理和绘制相关的内置api。
Compose Canvas 自定义圆形进度条
丿灬安之若死
07-17 609
记得在下一个组件让他往上面偏移40dp不然空隙太多咯。
基于Compose & Canvas的蜘蛛网雷达效果
Android技术之家
03-30 275
LiePy的博客地址：https://blog.csdn.net/LiePy?type=blog先看效果（文末附完整代码）：实现过程 由于我初次看文章时并没有看的太细，感觉这个效果很炫酷就上手做了，完成之后仔细对比各个细节的实现，发现是有一些不同的，不过整体的思路大致是一致的，最后还有彩蛋。准备工作创建Compose方法，确定参数新建kotlin文件，输入comp，回车，AS帮我们自动生成comp...
使用 compose 的 Canvas 自定义绘制实现 LCD 显示数字效果
sinat_17133389的博客
08-09 631
compose 的 Canvas 的自定义绘制相比于原生 view 的绘制简单的多，因为少了很多模板代码，也不用去考虑生命周期的问题。但是简单也有简单的劣势，那就是可定制性相比于原生 view 没有那么多，少了一些方法。对了，写完这个“仿真”显示界面，我突然觉得好像“仿真”计算器并没有什么意思，所以决定不做这个类型的了（笑。...
安卓 compose 手势监听 canvas
09-05
安卓的Compose框架是一种用于构建用户界面的现代UI工具包。它与传统的View系统相比，提供了更加简洁、灵活和高效的方式来创建界面元素。 在Compose中监听手势事件并进行相应的绘制操作，可以通过使用Canvas API来实现。首先，我们需要在Compose中创建一个自定义的绘制组件，例如CanvasView。 在这个组件中，我们可以使用Modifier.pointerInput来为Canvas添加手势监听器。例如，我们可以使用onPointerInput函数来监听手势的移动、按下和抬起等事件。 具体实现时，可以在一个PointerEventPass中使用awaitPointerEvent函数来监听手势事件。可以通过event.action来获取手势的动作类型，例如MotionEvent.ACTION_DOWN表示按下动作，MotionEvent.ACTION_MOVE表示移动动作，MotionEvent.ACTION_UP表示抬起动作。 一旦监听到对应的手势动作，我们可以根据事件的坐标信息来更新Canvas上的绘图内容。比如，可以使用Canvas的drawCircle方法在指定位置绘制一个圆形。 除此之外，我们还可以根据手势事件的特性来实现更加复杂的交互效果，例如根据手指的移动来绘制路径、随手势的放大缩小来改变绘制的形状等等。 综上所述，通过在Compose中使用Canvas API并监听手势事件，我们可以实现对Canvas的交互式绘制。这为我们提供了更多创造性的可能性，使我们能够灵活地响应用户的手势操作，并实时更新界面的绘制效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值