qt android 开发篇之如何实现圆盘（hsv）颜色选择器

最新推荐文章于 2024-06-10 09:50:38 发布
最新推荐文章于 2024-06-10 09:50:38 发布
阅读量932 收藏 4
点赞数
文章标签： 移动开发
原文链接：https://segmentfault.com/a/1190000005857738
版权

在很多情况，我们开发应用的时候经常会用到颜色选择器，大一的时候我做一个涂鸦软件的时候遇到的一个问题，就是如何在qt上做一个圆盘的
颜色选择器，这次做一个例子来让大家了解这种控件是怎么做的。
首先我们要理解颜色中的hsv的概念，大家可以直接百度hsn color 的颜色分布原理
首先给大家介绍hsv颜色选择器的原理：

clipboard.png
看上图是qt文档中qcolor的帮助文档，我就是用这个类来实现颜色数据转换的，图中的点对应的是hsv中的h(Hue)的值，值范围为（0,360）整形，而且它的颜色区间对应着这个值如上图所示。很好，就这里我们能
联想到360刚好是一个颜色圆盘选择器的起点。

clipboard.png

接下来我们要理解hsv中的s的值，如上图，我们看到不管圆盘的角度怎么样，大家发现越靠近中间颜色是不是越白？对，s的值就是这里的奥妙。s值是颜色的饱和度，它的值范围是0~255整形。通过这个我们应该大致知道颜色圆盘选择起是怎么实现了吧？

clipboard.png
最后一步就是理解v值，v值的意思就是颜色的深度值，从上图我们就可以知道
好了基本的概念都有了，我们就可以在qt中做这个颜色圆盘选择器了！看下图效果：

clipboard.png
clipboard.png

对于QColor这个类就不详细介绍了，大家可以自己在帮助文档中参考参考，耐心半个小时就能活用这个类啦！
由于在使用颜色选择器的时候需要用到Hsv 转换RGB，qt友好的帮我们解决了这个麻烦的公式问题，就在qcolor中！
我们先写一个专门转换颜色格式的类：
colortransformer.h

#ifndef COLORTRANSFORMER_H
#define COLORTRANSFORMER_H
#include "jni.h"

#include <QObject>

#include <QColor>

class ColorTransFormer: public QObject
{
    Q_OBJECT
public:
    ColorTransFormer();
    ~ColorTransFormer();

    Q_INVOKABLE void set_hsv(int h,int s,int v){
        mcolor.setHsv(h,s,v);
    }

    Q_INVOKABLE int get_red(){
        return mcolor.red();
    }
    Q_INVOKABLE int get_blue(){
        return mcolor.blue();
    }
    Q_INVOKABLE int get_green(){
        return mcolor.green();
    }
    Q_INVOKABLE QColor get_rgb(){
        return mcolor.toRgb();
    }

    Q_INVOKABLE int get_h(){
        return mcolor.hue();
    }
    Q_INVOKABLE int get_s(){
        return mcolor.saturation();
    }
    Q_INVOKABLE void set_rgb(int r,int g,int b){
        mcolor.setRgb(r,g,b);
    }

private:
    QColor mcolor;

};

#endif // COLORTRANSFORMER_H

colortransformer.cpp

#include "colortransformer.h"

ColorTransFormer::ColorTransFormer()
{

}

ColorTransFormer::~ColorTransFormer()
{

}

main.cpp

#include <QApplication>
#include <QAndroidJniEnvironment>
#include <QAndroidJniObject>
#include <jni.h>
#include <QDebug>
#include <QFile>
#include <QDir>
#include <QDebug>
#include <QQmlApplicationEngine>
#include <QtQml>

//qml object
//#include "wifimanager.h"
#include "colortransformer.h"
//#include "mymediaplayer.h"
//#include "datasbase.h"
#include "playlist.h"

#include "testandroidlib.h"

//elian
#include "C:\elian.h"

//debug
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    //qmlRegisterType<WifiManager>("WifiManager",1,0,"MWifiManager");
    qmlRegisterType<ColorTransFormer>("ColorTransFormer",1,0,"MColorTransFormer");
    //qmlRegisterType<MyMediaPlayer>("MyMediaPlayer",1,0,"TomMediaPlayer");
    //qmlRegisterType<DatasBase>("MDatabase",1,0,"MyDatabase");
    //qmlRegisterType<PlayList>("MusicFileScanner",1,0,"MyMusicFileScanner");

    //int proversion=0;
   // int libversion=0;
    //elianGetVersion(&proversion,&libversion);
   // TestAndroidLib aa;
    //for(int a=0;a<100;a++){
    //    aa.testPrint();
   // }
    QQmlApplicationEngine engine;


//    qDebug()<<"elian test <<<<<<<"<<proversion<<","<<libversion;

    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    return a.exec();
}

ColorPage.qml

import QtQuick.Controls 1.3
import QtQuick.Controls.Styles 1.3
import QtQuick 2.4
import ColorTransFormer 1.0
import QtGraphicalEffects 1.0

Rectangle {
    property var angle;
    property int pointx;
    property int pointy;
    property int red:255
    property int blue:255
    property int green:255
    property int groupR:ma.width/2
    property int lightness:100

    property int cv:255
    property int cs;
    property int ch;

    anchors.fill: parent

    MColorTransFormer{
        id:color_hsv
    }



    function caculate_angle(){
        var r=Math.sqrt((pointx*pointx+pointy*pointy))
        if(pointx>=0&&pointy>=0){
            angle=Math.asin(pointy/r)
        }

        if(pointx<0&&pointy>=0){
            angle=Math.PI-Math.asin(pointy/r)
        }

        if(pointx<0&&pointy<0){
            angle=Math.PI+Math.asin(Math.abs(pointy)/r)
        }

        if(pointx>=0&&pointy<0){
            angle=2*Math.PI-Math.asin(Math.abs(pointy)/r)

        }
        caculate_h_s(r)
    }

    function caculatx(angle,r){
        if(angle>=0&&angle<=Math.Pi/2){
            return Math.cos(angle)*r
        }
        if(angle>Math.Pi/2&&angle<=Math.Pi){
            return -Math.cos(Math.PI-angle)*r
        }
        if(angle>Math.Pi&&angle<=Math.Pi*3/2){
            return -Math.cos(angle-Math.PI)*r
        }
        if(angle>Math.Pi*3/2&&angle<=Math.Pi*2){
            return Math.cos(Math.PI*2-angle)*r
        }
    }
    function caculaty(angle,r){
        if(angle>=0&&angle<=Math.Pi/2){
            return Math.sin(angle)*r
        }
        if(angle>Math.Pi/2&&angle<=Math.Pi){
            return Math.sin(Math.PI-angle)*r
        }
        if(angle>Math.Pi&&angle<=Math.Pi*3/2){
            return -Math.sin(angle-Math.PI)*r
        }
        if(angle>Math.Pi*3/2&&angle<=Math.Pi*2){
            return -Math.sin(Math.PI*2-angle)*r
        }
    }

    function caculate_h_s(r){
        ch=Math.round(360*angle/(2*Math.PI))
        cs=Math.round(255*(1-(groupR-r)/groupR))
        color_hsv.set_hsv(ch,cs,cv)
        red=color_hsv.get_red()
        blue=color_hsv.get_blue()
        green=color_hsv.get_green()
    }

    function caculatAngleWithH(h){
        return 2*Math.PI*h/360
    }
    function caculatRWithS(s){
        return 255*groupR/(510-s)
    }

    Rectangle{
        id:testcolor
        width: colorimg.width+20
        height: width
        radius: width/2
        anchors.centerIn: colorimg
        color: Qt.rgba(red/255,green/255,blue/255,1.0)
        border.width: 1
        border.color: "#666666"
        }
    //颜色选择器件
    Image {
        id: colorimg
        source: "../../imgRes/hsv_color_wheel.png"
        width: parent.width-80*mainWin.dentisty
        height: width
        anchors.horizontalCenter: parent.horizontalCenter
        y:10*mainWin.dentisty
        transform: Scale { origin.x: colorimg.width/2; origin.y: colorimg.width/2; xScale: -1}


    }

    MouseArea{
        id:ma
        anchors.fill: colorimg

        Rectangle{
            id:pointer
            width: 30
            height: 30
            color:"#00000000"
            x:parent.width/2-width/2
            y:parent.width/2-width/2
            Rectangle{
                width: parent.width
                height: 1
                anchors.centerIn: parent
                color: "#101010"
            }
            Rectangle{
                width: 1
                height: parent.height
                anchors.centerIn: parent
                color: "#101010"
            }
        }
        onPositionChanged: {
            pointx=ma.mouseX-ma.width/2
            pointy=-(ma.mouseY-ma.width/2)
            caculate_angle()

            if(Math.sqrt((pointx*pointx+pointy*pointy))<=groupR){
                pointer.x=pointx+ma.width/2-pointer.width/2
                pointer.y=ma.width/2-pointy-pointer.width/2
//                console.log("r1:"+Math.sqrt((pointx*pointx+pointy*pointy))+"  r2:"+groupR)
            }
        }
        onPressed: {
            pointx=ma.mouseX-ma.width/2
            pointy=-(ma.mouseY-ma.width/2)
            caculate_angle()
            if(Math.sqrt((pointx*pointx+pointy*pointy))<=groupR){
                pointer.x=pointx+ma.width/2-pointer.width/2
                pointer.y=ma.width/2-pointy-pointer.width/2
//                console.log("r1:"+Math.sqrt((pointx*pointx+pointy*pointy))+"  r2:"+groupR)
            }
        }
        onPressAndHold: {
            pointx=ma.mouseX-ma.width/2
            pointy=-(ma.mouseY-ma.width/2)
            caculate_angle()
            if(Math.sqrt((pointx*pointx+pointy*pointy))<=groupR){
                pointer.x=pointx+ma.width/2-pointer.width/2
                pointer.y=ma.width/2-pointy-pointer.width/2
//                console.log("r1:"+Math.sqrt((pointx*pointx+pointy*pointy))+"  r2:"+groupR)
            }
        }
    }



    //亮度设置
    Slider{
        id:lightnessSetting
        width: parent.width-60*mainWin.dentisty
        height: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top:colorimg.bottom
        anchors.topMargin: 15*mainWin.dentisty
        value: 100
        onValueChanged: lightness=value
        stepSize:1
        maximumValue: 100
        minimumValue: 0

        style: SliderStyle {
            groove: Rectangle {
                width: lightnessSetting.width
                height: lightnessSetting.height
                color: "gray"
                radius: height/2
                Rectangle{
                    width: Math.round((parent.width-parent.height)*lightnessSetting.value/100)+parent.height
                    height: parent.height
                    color: "#12aadf"
                    radius: height/2
                }
                Text {
                    id: lightnessText
                    text: qsTr("灯光亮度：")+lightness
                    font.pixelSize: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)-5*mainWin.dentisty
                    color:"#efefef"
                    anchors.centerIn: parent
                }

            }
            handle: Rectangle {
                anchors.centerIn: parent
                color: control.pressed ? "white" : "lightgray"
                border.color: "gray"
                border.width: 2
                width: height
                height: lightnessSetting.height
                radius: height/2
            }
        }
    }




    //三色调整条
    Slider{
        id:redSlider
        width: parent.width-60*mainWin.dentisty
        height: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top:lightnessSetting.bottom
        anchors.topMargin: 15*mainWin.dentisty
        value: 255
        onValueChanged: {
            red=value
        }

        stepSize:1
        maximumValue: 255
        minimumValue: 0

        style: SliderStyle {
            groove: Rectangle {
                width: lightnessSetting.width
                height: redSlider.height
                color: "gray"
                radius: height/2
                border.width:1
                border.color: "#222222"
                Rectangle{
                    width: Math.round((parent.width-parent.height)*redSlider.value/255)+parent.height
                    height: parent.height
                    color: "#ff0000"
                    border.width:1
                    border.color: "#222222"
                    radius: height/2
                }
                Text {

                    text: qsTr("Red"+red)
                    color: "#efefef"
                    anchors.centerIn: parent
                    font.pixelSize: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)-5*mainWin.dentisty
                }
            }
            handle: Rectangle {
                anchors.centerIn: parent
                color: control.pressed ? "white" : "lightgray"
                border.color: "gray"
                border.width: 2
                width: height
                height: redSlider.height
                radius: height/2
            }
        }
    }

    Slider{
        id:greenSlider
        width: parent.width-60*mainWin.dentisty
        height: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top:redSlider.bottom
        anchors.topMargin: 15*mainWin.dentisty
        value: 255
        onValueChanged: {
            green=value



        }

        stepSize:1
        maximumValue: 255
        minimumValue: 0

        style: SliderStyle {
            groove: Rectangle {
                width: lightnessSetting.width
                height: greenSlider.height
                color: "gray"
                radius: height/2
                border.width:1
                border.color: "#222222"
                Rectangle{
                    width: Math.round((parent.width-parent.height)*greenSlider.value/255)+parent.height
                    height: parent.height
                    color: "#00ff00"
                    border.width:1
                    border.color: "#222222"
                    radius: height/2
                }
                Text {

                    text: qsTr("Green"+green)
                    color: "#efefef"
                    anchors.centerIn: parent
                    font.pixelSize: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)-5*mainWin.dentisty
                }
            }
            handle: Rectangle {
                anchors.centerIn: parent
                color: control.pressed ? "white" : "lightgray"
                border.color: "gray"
                border.width: 2
                width: height
                height: greenSlider.height
                radius: height/2
            }
        }
    }


    Slider{
        id:blueSlider
        width: parent.width-60*mainWin.dentisty
        height: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top:greenSlider.bottom
        anchors.topMargin: 15*mainWin.dentisty
        value: 255
        onValueChanged: blue=value
        stepSize:1
        maximumValue: 255
        minimumValue: 0

        style: SliderStyle {
            groove: Rectangle {
                width: lightnessSetting.width
                height: blueSlider.height
                color: "gray"
                radius: height/2
                border.width:1
                border.color: "#222222"
                Rectangle{
                    width: Math.round((parent.width-parent.height)*blueSlider.value/255)+parent.height
                    height: parent.height
                    color: "#0000ff"
                    border.width:1
                    border.color: "#222222"
                    radius: height/2
                }
                Text {

                    text: qsTr("Blue"+blue)
                    color: "#efefef"
                    anchors.centerIn: parent
                    font.pixelSize: ((parent.height-(colorimg.y+colorimg.height)-(15*5)*mainWin.dentisty)/4)-5*mainWin.dentisty
                }
            }
            handle: Rectangle {
                anchors.centerIn: parent
                color: control.pressed ? "white" : "lightgray"
                border.color: "gray"
                border.width: 2
                width: height
                height: blueSlider.height
                radius: height/2
            }
        }
    }


    onRedChanged: {
        redSlider.value=red
        color_hsv.set_rgb(red,green,blue)
        ch=color_hsv.get_h();
        cs=color_hsv.get_s();

        pointer.x=Math.round(caculatx(caculatAngleWithH(ch),caculatRWithS(cs)))
        pointer.y=Math.round(caculaty(caculatAngleWithH(ch),caculatRWithS(cs)))

    }
    onBlueChanged: {
        blueSlider.value=blue

        color_hsv.set_rgb(red,green,blue)
        ch=color_hsv.get_h();
        cs=color_hsv.get_s();

        pointer.x=Math.round(caculatx(caculatAngleWithH(ch),caculatRWithS(cs)))
        pointer.y=Math.round(caculaty(caculatAngleWithH(ch),caculatRWithS(cs)))
    }
    onGreenChanged: {
        greenSlider.value=green
        color_hsv.set_rgb(red,green,blue)
        ch=color_hsv.get_h();
        cs=color_hsv.get_s();
        pointer.x=Math.round(caculatx(caculatAngleWithH(ch),caculatRWithS(cs)))
        pointer.y=Math.round(caculaty(caculatAngleWithH(ch),caculatRWithS(cs)))
    }
}

好，代码就提供参考，注意colorpage.qml那里的那些函数转换，这只是我自己解决mousearea触点位置计算角度的算法，大家可以想更好的解决办法，我觉得这函数有点弄得复杂的，但是我也是第一次尝试，所以就懒得标记了。

weixin_33801856
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
QtColorPicker:HSV 颜色选择器，可转换为 HSV、RGB、CMYK、Hex 模型-开源
06-28
HSV 颜色选择器，可转换为 HSV、RGB、CMYK、Hex 模型、颜色滑块和微调器。 主要功能 - 色调、饱和度、值选择器 - 将所选颜色转换为文本字段中表示的文本 - 用于复制颜色值和过去十六进制值的按钮 - 3 种颜色模型（HSV、RGB、CMYK）的颜色滑块和微调器 GitHub：https: //github.com/mortalis13/Qt-Color-Picker-Qt
Qt之调色板（QPalette）
m0_73443478的博客
02-23 1948
Qt之调色板（QPalette）
推荐开源项目：ColorPickerView——打造个性化色彩选择体验
最新发布
gitblog_00037的博客
06-10 285
推荐开源项目：ColorPickerView——打造个性化色彩选择体验 项目地址:https://gitcode.com/danielnilsson9/color-picker-view 在Android开发领域中，自定义UI组件一直是开发者提升应用用户体验的重要手段。今天，我们有幸向大家推荐一款简约而美观的色彩选择器——ColorPickerView，它的出现填补了Android标准组件库中色彩...
Qt自定义控件4：多彩色仪表盘
parkchorong的博客
10-13 533
Qt自定义控件4：多彩色仪表盘 先看效果图： 思路：外围三色的圆弧 红：蓝：绿 = 1：2：1，总共占270度。刻度线是根据所在圆弧的颜色而画，刻度线的角度也是根据坐标系的旋转而画。刻度值是根据刻度线的角度得到所要画的刻度的左上角的坐标，然后构成一个矩形，根据矩形画出刻度值。指针是根据四个点的坐标直接画的四边形，再旋转坐标系实现指针旋转的效果。下方的文字直接得到坐标横纵坐标位置得到矩形画出va...
关于HSV了解这些就够了，python-opencv获取图片精确hsv的值
m0_58859743的博客
11-13 3762
有时候想要获得一幅图片里面 某个物体的精确的hsv的值，需要怎么做呢？
Qt颜色选择器（HSV）
weixin_42219627的博客
03-20 4536
Qt颜色选择器显示
重新实现的Qt颜色选择器
02-18
本篇将详细探讨如何重新实现这个颜色选择器，以及它在实际开发中的应用。 【描述】：“重新实现的QT颜色选择器QColorDialog” 在Qt编程中，我们经常需要为用户提供选择颜色的功能。默认的`QColorDialog`虽然功能...
Qt实现类似word文档中的颜色选取器
07-16
在本文中，我们将深入探讨如何使用Qt框架来实现一个类似于Microsoft Word文档中的颜色选取器。Qt是一个跨平台的C++库，提供了丰富的图形用户界面（GUI）工具和功能，使得开发人员可以方便地构建高性能、美观的应用...
颜色选择器 前端JS实现(完整代码)
01-21
前端javascript实现的颜色选择器，基于HSV和HSL两种颜色模型的实现方式支持透明度，颜色值转换，代码简单明了，可以直接使用，也可以自己封装。 查看博文：...
color-picker:HSV颜色选择器的实现
05-17
在实际应用中，HSV颜色选择器通常会以一个圆盘表示色相，中心到边缘的线段代表饱和度，垂直于这个圆盘的滑块或条形图则表示值。用户可以通过在这些元素上交互来选择所需的色彩。 接着，我们讨论HSV与RGB的转换。RGB...
Qt 颜色选择器
12-01
在Qt框架中，颜色选择器是一种用户界面组件，允许用户从丰富的颜色库中选择颜色，或者自定义新的颜色。这个特定的"Qt颜色选择器"实现了HSV（色相、饱和度、值）色彩模型，并且增加了对不透明度（或称 alpha 通道）的...
Android 自定义View颜色选择器（ 条形、水平），使用HSV颜色模型实现取色器并反向定位颜色所在位置
tg_0804的博客
03-16 2472
轻松实现一个简单的Android条形水平颜色选择器，可以通过设置颜色值反向定位滑块 Demo地址： 效果图： 先贴完整代码： /** * Author: Aeolou * Date:2020/3/14 0014 * Email:tg0804013x@gmail.com */ public class ColorBarView extends View { priva...
Qt编写自定义控件：圆形颜色选择控件
友善啊，朋友的博客
12-24 1254
根据QT图形视图框架：自定义颜色选择饼图形项改的QWidget版本，原理一样，效果：
Qt编写自定义控件：圆形颜色选择控件2
友善啊，朋友的博客
09-26 1244
代码： #ifndef COLORPALETTE_H #define COLORPALETTE_H #include <QWidget> class colorPalette : public QWidget { Q_OBJECT public: explicit colorPalette(QWidget *parent = nullptr); signals: void colorString(QString); protected: void pai
2022/9/3——qt中实现调色板
ad20001218的博客
09-03 854
qt中实现调色板
【QT数字图像处理】（四）hsv颜色空间转rgb颜色空间
嵌入式老马
10-12 1011
hsv颜色模型具有以下优点： 1.符合人眼对颜色的感觉； 2.hsv颜色模型中hsv三个坐标是相互独立的：当采用rgb颜色模型时，改变某一颜色的属性，比如改变色调就必须改变rgb三个坐标；而采用hsv颜色模型时只需改变h坐标； 3.HSV颜色模型构成的是一个均匀的颜色空间，采用线性的标尺，彩色之间感觉上的距离与HSV颜色模型坐标上点的欧几里德距离成正比。
Qt自定义ColorDialog(支持RGB和HSV)
不会飞的纸飞机的博客
02-08 5381
文章目录1. HSV和RGB2. H分量圆盘绘制3. SV画布绘制 当我们做软件开发的时候，经常需要编辑颜色，有时需要同时编辑RGB和HSV的颜色。 这是一个自定义的颜色对话框，如下图所示 具有如下功能： 支持RGB和HSV颜色值得修改和预览 支持添加自定义颜色（点击按钮添加或鼠标拖拽添加） 修改颜色效果预览： 添加自定义颜色效果预览： 颜色控件效果预览： 下面是主要用到得技术点说...
用QML实现不规则圆盘的方法
liujing_sy的博客
08-30 1231
用QML实现不规则圆盘的方法，切图实现 由于圆盘的形状是不规则的，比较简单的实现方法是通过切图的方式来时实现，在clicked事件里面，添加替换图片的语句，就可以实现。 上面的扇形是，图片，下面的圆形也是图片，通过两个Rectangle，放入一个Image元素，点击时替换背景图片。 重点是如何实现扇形每个分区的onclicked事件。 我是通过定位实现的，我的每个分区中需要放入一...
Qt实现不规则按钮之自绘圆盘式按钮
热门推荐
前行之路还需前行
01-21 1万+
一、简述 在上一篇文章中我们讲述了如何实现不规则按钮（ Qt简述如何实现不规则按钮），其中提到了另外一种方法就是自绘，今天就此谈一谈如何自绘实现一个圆盘式的按钮。下面先看一张效果图。 二、代码之路 其实实现很简单，就是通过Qt的QPainterPath来实现圆弧式按钮的绘制，然后通过鼠标事件实现点击效果及点击信号的发送。因为正常QPushButton或者QToolButton是自己发
使用QT实现颜色选择器
07-28
使用QT实现颜色选择器可以参考以下代码实现： ```cpp #include void MyColor::on_pushButton_clicked() { QColor color = QColorDialog::getColor(Qt::white, this); qDebug() 颜色选择" (); if(!color.is...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值