View系列：View项目：绘制曲线

已于 2022-10-11 11:02:48 修改
阅读量483 收藏
点赞数
分类专栏： # Android基础、进阶、核心技术 文章标签： 自定义View
于 2022-04-06 16:37:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013620306/article/details/123993539
版权
本文详细描述了一个自定义的SpringInterpolator应用，展示了如何通过计算和绘制轨迹曲线、坐标轴、网格、数据点和下标，实时显示插值器的运动过程。关键步骤包括数据点生成、坐标尺寸计算和视觉元素的绘制。
摘要由CSDN通过智能技术生成

1：如图所示View

 

预置条件：

1.1 先通过 查找器Interpolator.getInterpolator(x) 得到坐标x ，坐标y的集合点

for (float x = 0; x <= 1; x += 1.0f / FRAME) {
     float y = mInterpolator.getInterpolation(x);

     PointF pointF = new PointF(x, y);
     dataList.add(pointF);
}




public class SpringInterpolator implements TimeInterpolator {

    /**
     * 参数 x，即为 x轴的值
     * 返回值 便是 y 轴的值
     */
    @Override
    public float getInterpolation(float x) {
        float factor = 0.4f;
        return (float) (Math.pow(2, -10 * x) * Math.sin((x - factor / 4) * (2 * Math.PI) / 
         factor) + 1);
    }
}

1.2 ：计算每个坐标格子宽 

    /**
     * 计算每个格子的大小
     */
    private void calculateEachItemWidth() {

        // 获取 y正半轴 的分割个数
        mPositiveCount = (int) Math.abs(Math.ceil(mMaxPoint.y / GRID_INTERVAL_LENGTH));
        // 获取 y负半轴 的分割个数
        mNegativeCount = (int) Math.abs(Math.floor(mMinPoint.y / GRID_INTERVAL_LENGTH));

        // 计算需要分割的数量，最少十个
        int intervalCount = mPositiveCount + mNegativeCount;
        intervalCount = Math.max(intervalCount, GRID_INTERVAL_COUNT);

        mEachItemWidth = mWidth / intervalCount;

    }

2: 效果分析

2.1 ：画轨迹曲线

    /**
     * 构建数据路径
     */
    private void buildDataPath() {
        mDataPath.reset();
        float width = mEachItemWidth * GRID_INTERVAL_COUNT;
        // 构建 路径，并选出最高和最低的point
        for (int i = 0; i < mLineDataList.size(); i++) {
            PointF curPoint = mLineDataList.get(i);
            if (i == 0) {
                mDataPath.moveTo(curPoint.x * width, -curPoint.y * width);
            } else {
                mDataPath.lineTo(curPoint.x * width, -curPoint.y * width);
            }
        }
    }


@override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    // 通过函数 buildDataPath() 或者path路径 mDataPath ,然后再调用 
        drawPath(mDataPath,paint) 函数来绘制轨迹线
    canvas.drawPath(mDataPath,paint);
   
}

2.2：画坐标X轴Y轴

@override
public void onDraw(Canvas canvas) {
    super.canvas(canvas);

    // 调用绘制X轴和 Y轴函数
    
    drawCoordination（canvas）;
}



private void drawCoordination(Canvas canvas) {

        mLinePaint.setStrokeWidth(dpToPx(1f));
        mLinePaint.setColor(COORDINATION_LINE_COLOR);

        // 画 y 轴
        canvas.drawLine(0,
                -mPositiveCount * mEachItemWidth,
                0,
                mNegativeCount * mEachItemWidth,
                mLinePaint);

        // 画 x 轴
        canvas.drawLine(0,
                0,
                GRID_INTERVAL_COUNT * mEachItemWidth,
                0,
                mLinePaint);

}

2.3：画网格

 /**
     * 画网格线
     *
     * @param canvas
     */
    private void drawGrid(Canvas canvas) {
        mLinePaint.setStrokeWidth(dpToPx(0.5f));
        mLinePaint.setColor(GRID_LINE_COLOR);

        // 画y正轴横线
        for (int i = 1; i <= mPositiveCount; ++i) {
            canvas.drawLine(0,
                    -i * mEachItemWidth,
                    GRID_INTERVAL_COUNT * mEachItemWidth,
                    -i * mEachItemWidth,
                    mLinePaint);
        }
        
        // 画x正轴竖线
        for (int i = 1; i <= GRID_INTERVAL_COUNT; ++i) {
            canvas.drawLine(i * mEachItemWidth,
                    -mPositiveCount * mEachItemWidth,
                    i * mEachItemWidth,
                    mNegativeCount * mEachItemWidth,
                    mLinePaint);
        }

    }


@override
public void onDraw(Canvas canvas) {

    super.canvas(canvas);

    // 调用画网格的函数方法
    
    drawGrid（canvas）;
}

2.4：画红色小球

    /**
     * 画圆点
     *
     * @param canvas
     */
    private void drawPoint(Canvas canvas) {
        if (mCurPoint == null) {
            return;
        }

        mPointPaint.setColor(CUR_POINT_COLOR);
        canvas.drawCircle(mCurPoint.x * mEachItemWidth * GRID_INTERVAL_COUNT,
                -mCurPoint.y * mEachItemWidth * GRID_INTERVAL_COUNT,
                CUR_POINT_RADIUS,
                mPointPaint);
    }


@override
public void onDraw(Canvas canvas) {

    super.canvas(canvas);

    // 调用绘制圆点的函数
    drawPoint(canvas);
}

2.5： 画下标(即坐标轴的值)

    /**
     * 画下标
     *
     * @param canvas
     */
    private void drawText(Canvas canvas) {

        canvas.drawText("0", -PADDING,
                0,
                mTextPaint);

        mTextPaint.setTextAlign(Paint.Align.RIGHT);
        for (int i = 1; i <= mPositiveCount; ++i) {
            if (i <= 10) {
                mTextPaint.setColor(COORDINATION_LINE_COLOR);
            } else {
                mTextPaint.setColor(DATA_LINE_COLOR);
            }
            canvas.drawText(getNumString(i * 0.1f), -PADDING / 2,
                    -i * mEachItemWidth,
                    mTextPaint);
        }

        mTextPaint.setColor(DATA_LINE_COLOR);
        for (int i = 1; i <= mNegativeCount; ++i) {
            canvas.drawText(getNumString(i * -0.1f), -PADDING / 2,
                    i * mEachItemWidth,
                    mTextPaint);
        }

        mTextPaint.setTextAlign(Paint.Align.CENTER);
        mTextPaint.setColor(COORDINATION_LINE_COLOR);
        for (int i = 1; i <= GRID_INTERVAL_COUNT; ++i) {
            canvas.drawText(getNumString(i * 0.1f), i * mEachItemWidth,
                    PADDING / 2 + TEXT_SIZE,
                    mTextPaint);
        }
    }


@override
public void onDraw(Canvas canvas) {

    surper.onDraw(canvas);

   // 调用绘制坐标轴画下标函数
   drawText(canvas);

}

3: 完整代码

/**
 * @author yuhongwen
 * @date 创建时间：2022/04/06
 * @description 插值器的坐标显示
 */
public class TimeInterpolatorView extends View {

    // 外边距
    private static final int PADDING = dpToPx(5f);
    // 字体大小
    private static final int TEXT_SIZE = dpToPx(8f);
    // 点的半径
    private static final int CUR_POINT_RADIUS = dpToPx(4.5f);

    // X、Y 轴色
    private static final int COORDINATION_LINE_COLOR = Color.BLACK;
    // 网格线色
    private static final int GRID_LINE_COLOR = Color.LTGRAY;
    // 数据线色
    private static final int DATA_LINE_COLOR = Color.parseColor("#DB001B");
    // 当前点的色
    private static final int CUR_POINT_COLOR = Color.parseColor("#DC143C");
    // 默认的最低点
    private static final PointF DEFAULT_MIN_POINT = new PointF(0, 0);
    // 默认的最高点
    private static final PointF DEFAULT_MAX_POINT = new PointF(0, 1);
    // 10个间隔
    private static final int GRID_INTERVAL_COUNT = 10;
    // 每个间隔的跨幅
    private static final float GRID_INTERVAL_LENGTH = 0.1f;

    // 速率的数据
    private final List<PointF> mLineDataList = new ArrayList<>();

    // 坐标的画笔
    private Paint mLinePaint;
    // 速率的轨迹
    private Path mDataPath = new Path();
    // 字体画笔
    private Paint mTextPaint;
    // 点的笔
    private Paint mPointPaint;

    // 数据的最低点
    private PointF mMinPoint = DEFAULT_MIN_POINT;
    // 数据的最高点
    private PointF mMaxPoint = DEFAULT_MAX_POINT;

    // 视图的宽
    private float mViewWidth;
    // 视图的高
    private float mViewHeight;
    // 坐标的宽
    private float mWidth;

    // 坐标中每个下标 的宽度
    private float mEachItemWidth;

    private int mPositiveCount;
    private int mNegativeCount;

    // 当前的点
    private PointF mCurPoint;

    public TimeInterpolatorView(Context context) {
        this(context, null, 0);
    }

    public TimeInterpolatorView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TimeInterpolatorView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {

        mLinePaint = new Paint();
        mLinePaint.setAntiAlias(true);
        mLinePaint.setStyle(Paint.Style.STROKE);

        mTextPaint = new Paint();
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextSize(TEXT_SIZE);

        mPointPaint = new Paint();
        mPointPaint.setAntiAlias(true);
        mPointPaint.setStyle(Paint.Style.FILL);

    }

    /**
     * 设置当前移动的点
     *
     * @param curPoint
     */
    public void setCurPoint(PointF curPoint) {
        this.mCurPoint = curPoint;
        invalidate();
    }

    public void setLineData(List<PointF> lineDataList) {
        mLineDataList.clear();
        mLineDataList.addAll(lineDataList);

        mMinPoint = DEFAULT_MIN_POINT;
        mMaxPoint = DEFAULT_MAX_POINT;
        // 构建 路径，并选出最高和最低的point
        for (int i = 0; i < mLineDataList.size(); i++) {
            PointF curPoint = mLineDataList.get(i);

            // 选最低点
            if (curPoint.y < mMinPoint.y) {
                mMinPoint = curPoint;
            }

            // 选最高点
            if (curPoint.y > mMaxPoint.y) {
                mMaxPoint = curPoint;
            }

        }

        calculateEachItemWidth();

        invalidate();

    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mViewWidth = w;
        mViewHeight = h;

        // 需要减去 padding 的宽度 和 字体的大小
        mWidth = Math.min(w, h) - 2 * PADDING - TEXT_SIZE;

        calculateEachItemWidth();
    }

    /**
     * 计算每个格子的大小
     */
    private void calculateEachItemWidth() {

        // 获取 y正半轴 的分割个数
        mPositiveCount = (int) Math.abs(Math.ceil(mMaxPoint.y / GRID_INTERVAL_LENGTH));
        // 获取 y负半轴 的分割个数
        mNegativeCount = (int) Math.abs(Math.floor(mMinPoint.y / GRID_INTERVAL_LENGTH));

        // 计算需要分割的数量，最少十个
        int intervalCount = mPositiveCount + mNegativeCount;
        intervalCount = Math.max(intervalCount, GRID_INTERVAL_COUNT);

        mEachItemWidth = mWidth / intervalCount;

    }

    @Override
    protected void onDraw(Canvas canvas) {

        // 构建轨迹
        buildDataPath();

        canvas.save();

        // 移至原点
        moveToTheOrigin(canvas);

        // 画坐标
        drawCoordination(canvas);
        // 画网格
        drawGrid(canvas);

        // 画数据线
        drawDataLine(canvas);

        // 画下标
        drawText(canvas);

        // 画当前的点
        drawPoint(canvas);

        canvas.restore();

    }

    /**
     * 画点
     *
     * @param canvas
     */
    private void drawPoint(Canvas canvas) {
        if (mCurPoint == null) {
            return;
        }

        mPointPaint.setColor(CUR_POINT_COLOR);
        canvas.drawCircle(mCurPoint.x * mEachItemWidth * GRID_INTERVAL_COUNT,
                -mCurPoint.y * mEachItemWidth * GRID_INTERVAL_COUNT,
                CUR_POINT_RADIUS,
                mPointPaint);
    }

    /**
     * 画下标
     *
     * @param canvas
     */
    private void drawText(Canvas canvas) {

        canvas.drawText("0", -PADDING,
                0,
                mTextPaint);

        mTextPaint.setTextAlign(Paint.Align.RIGHT);
        for (int i = 1; i <= mPositiveCount; ++i) {
            if (i <= 10) {
                mTextPaint.setColor(COORDINATION_LINE_COLOR);
            } else {
                mTextPaint.setColor(DATA_LINE_COLOR);
            }
            canvas.drawText(getNumString(i * 0.1f), -PADDING / 2,
                    -i * mEachItemWidth,
                    mTextPaint);
        }

        mTextPaint.setColor(DATA_LINE_COLOR);
        for (int i = 1; i <= mNegativeCount; ++i) {
            canvas.drawText(getNumString(i * -0.1f), -PADDING / 2,
                    i * mEachItemWidth,
                    mTextPaint);
        }

        mTextPaint.setTextAlign(Paint.Align.CENTER);
        mTextPaint.setColor(COORDINATION_LINE_COLOR);
        for (int i = 1; i <= GRID_INTERVAL_COUNT; ++i) {
            canvas.drawText(getNumString(i * 0.1f), i * mEachItemWidth,
                    PADDING / 2 + TEXT_SIZE,
                    mTextPaint);
        }
    }

    private String getNumString(float num) {
        return String.format("%.1f", num);
    }

    /**
     * 画网格线
     *
     * @param canvas
     */
    private void drawGrid(Canvas canvas) {
        mLinePaint.setStrokeWidth(dpToPx(0.5f));
        mLinePaint.setColor(GRID_LINE_COLOR);

        // 画y正轴横线
        for (int i = 1; i <= mPositiveCount; ++i) {
            canvas.drawLine(0,
                    -i * mEachItemWidth,
                    GRID_INTERVAL_COUNT * mEachItemWidth,
                    -i * mEachItemWidth,
                    mLinePaint);
        }

        // 画y负轴横线
        for (int i = 1; i <= mNegativeCount; ++i) {
            canvas.drawLine(0,
                    i * mEachItemWidth,
                    GRID_INTERVAL_COUNT * mEachItemWidth,
                    i * mEachItemWidth,
                    mLinePaint);
        }

        // 画x正轴竖线
        for (int i = 1; i <= GRID_INTERVAL_COUNT; ++i) {
            canvas.drawLine(i * mEachItemWidth,
                    -mPositiveCount * mEachItemWidth,
                    i * mEachItemWidth,
                    mNegativeCount * mEachItemWidth,
                    mLinePaint);
        }


    }

    /**
     * 画数据线
     *
     * @param canvas
     */
    private void drawDataLine(Canvas canvas) {

        mLinePaint.setStrokeWidth(dpToPx(1f));
        mLinePaint.setColor(DATA_LINE_COLOR);

        canvas.drawPath(mDataPath, mLinePaint);

    }

    /**
     * 画 x、y 轴
     *
     * @param canvas
     */
    private void drawCoordination(Canvas canvas) {

        mLinePaint.setStrokeWidth(dpToPx(1f));
        mLinePaint.setColor(COORDINATION_LINE_COLOR);

        // 画 y 轴
        canvas.drawLine(0,
                -mPositiveCount * mEachItemWidth,
                0,
                mNegativeCount * mEachItemWidth,
                mLinePaint);

        // 画 x 轴
        canvas.drawLine(0,
                0,
                GRID_INTERVAL_COUNT * mEachItemWidth,
                0,
                mLinePaint);

    }

    /**
     * 构建数据路径
     */
    private void buildDataPath() {
        mDataPath.reset();
        float width = mEachItemWidth * GRID_INTERVAL_COUNT;
        // 构建 路径，并选出最高和最低的point
        for (int i = 0; i < mLineDataList.size(); i++) {
            PointF curPoint = mLineDataList.get(i);
            if (i == 0) {
                mDataPath.moveTo(curPoint.x * width, -curPoint.y * width);
            } else {
                mDataPath.lineTo(curPoint.x * width, -curPoint.y * width);
            }
        }
    }

    /**
     * 将画布移至 原点
     */
    private void moveToTheOrigin(Canvas canvas) {

        float verHeight = mEachItemWidth * mPositiveCount;

        // 计算 横向移动距离
        float horPadding = mViewWidth - mEachItemWidth * GRID_INTERVAL_COUNT - 2 * PADDING;
        float verPadding = mViewHeight - mEachItemWidth * (mPositiveCount + mNegativeCount) - 2 * PADDING - TEXT_SIZE / 2;

        canvas.translate(horPadding / 2 + PADDING, verPadding / 2 + verHeight + PADDING);

    }

    /**
     * 转换 dp 至 px
     *
     * @param dpValue dp值
     * @return px值
     */
    protected static int dpToPx(float dpValue) {
        DisplayMetrics metrics = Resources.getSystem().getDisplayMetrics();
        return (int) (dpValue * metrics.density + 0.5f);
    }

    /**
     * 获取视图的宽
     *
     * @return 视图宽 - 左右的内边距
     */
    private float getViewEnableWidth() {
        return mViewWidth - PADDING * 2;
    }

    /**
     * 获取视图的高
     *
     * @return 视图高 - 上下的内边距
     */
    private float getViewEnableHeight() {
        return mViewHeight - PADDING * 2;
    }

FishAnd_Yu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
绘制坐标图，折线图
Devin_Chao的博客
11-18 3112
项目中会使用坐标图来展示数据的变换，那么就会使用一些ios中的绘制线条的功能，例如： //**两点之间画实线 -(void)drawLineFrom:(CGPoint)origion to:(CGPoint)endPoint context:(CGContextRef)context lineColor:(UIColor *)lineColor{     
Android自定义View实例：深度剖析 水晶/水滴 波浪球 实现步骤详解
03-25
文件名“FastWidget4Android_HCZ”可能是一个项目或库的名称，暗示了这个实现可能包含了一些高效或者快速绘制的组件，可能包含对自定义View性能的优化策略。在实际开发中，了解并应用这些优化技巧，可以使你的自定义...
SerialChart_v034串口助手工具, 支持可视化曲线
09-19
SerialChart_v034 串口助手工具, 支持可视化曲线, 支持可视化曲线
html绘制坐标曲线,Word2010中怎么绘制曲线坐标图？
weixin_30014265的博客
06-23 737
回答：第一步：绘坐标轴选取绘图工具栏“箭头”工具，按住“Shift”键，在文档的空白区域拉出相互垂直的带箭头的直线，调整合适位置，使起点重合。这两直线分别表示横坐标和纵坐标。如图一。第二步：绘横坐标刻度线1．选取绘图“直线”工具，画一短竖线。双击该竖线，在跳出的“设置自选图形格式”中修改大小，将“高度”设为“0.1cm”，“确定”后退出该窗口。一条刻度线绘制完毕。2．将已绘制好的刻度线，按我们实际...
Serial View和MCUMonior
MarkWannaFly的博客
02-21 705
很好用的上位机，Mark一下资源网址 http://www.mcumonitor.com
绘制双曲线view
silvia0427的专栏
12-18 683
package com.bonc.dp.view;import java.util.ArrayList;import java.util.List;import android.content.Context;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Paint.Alig
QGraphicsView架构实现基本图形的绘制
05-07
1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。
贝塞尔曲线：通过一组点绘制平滑贝塞尔曲线的算法
02-02
在iOS和macOS开发中，Swift语言提供了强大的支持，使得开发者能够轻松地实现贝塞尔曲线的绘制。本文将深入探讨贝塞尔曲线的基本原理、类型以及如何在Swift中实现它们。 一、贝塞尔曲线基础 1. 基本概念：贝塞尔...
自定义声音振动曲线view
08-27
为了绘制曲线，我们可能需要使用到`Path`对象，通过添加多个`lineTo()`或`quadTo()`等方法来构建平滑的曲线。同时，为了实现颜色的动态设置，我们需要在绘制时根据外部传入的颜色值调整`Paint`对象的`color`属性。 ...
CreateCurve.rar_C#动态曲线图_csharp 曲线_动态 CSharp_绘制三维曲线_绘制曲线图
07-15
例如，可以使用Timer控件，当其Tick事件触发时，更新数据并重新绘制曲线。 在这个项目"CreateCurve.rar"中，包含的CreateCurve.wps文件可能是项目代码的文档或者设计说明，它可能详细阐述了实现这些功能的具体步骤...
java串口通讯 物联网设备通讯dtu
12-19
运行MainFrame.java 打开程序，设置采集结果，自定义通讯协议数据,解析二进制、十六进制数据。
序列化--画图问题
liuyuehui的专栏
06-28 1069
通过存档存储及加载 CObject （见前） 下面用一个示例来解释这个问题。 目标：一个画图程序，通过保存打开按钮存取图片。方法：保存图片绘制信息。 按步骤： l         创建可序列化的类 ->Graph.cpp+Graph.h l         在 View 类中添加对控件的响应，实现画图功能，每次鼠标弹起的时候保存绘图信息 l         保存文件（通过
安利几个好用的在线画图网站
热门推荐
ymzqwq的博客
03-16 2万+
https://c.runoob.com/more/shapefly-diagram/ 用Ubuntu有时候也懒得装软件23333
serialplot - 开源QT串口上位机 - 温度曲线显示
hxkrrzq的博客
04-16 1万+
介绍一个不错的开源项目serialplot，顺便再次安利Arduino，作为程序员，不管你有多专业，Arduino及其周边总有海量的资源等待你去探索，感谢Arduino这个NB的项目!！ 回归正题，serialplot。一个可视化的串口收发工具，QT源码开源，是不是每一个底层软件工程师都需要一个可以100%掌控的上位机呢？ 源码： https://bitbucket.org/hyOzd/s...
Mac 根据坐标点绘制曲线图
xiaojunzhouqin的博客
04-26 5358
Launchpad--&gt;其他--》Grapher--&gt;Default--》方程--》新建点集--》编辑点--》删除栏--》点击“导入”， 导入坐标点（以空格分开，如下图）--》成功导入后，如下图--》删除掉上面4行--》点击“好”，坐标点顺利生成啦！！ 在也不用一个一个坐标点去绘图了！！...
android坐标图绘制曲线,Android 曲线图 绘制曲线
weixin_36221525的博客
05-25 1040
Android 曲线图Paste_Image.png这里我引用了上回介绍的 折线图首先我们看看onDrwa 里面做了什么 从图里面我们可看到 绘制的框线方法，绘制data线方法 绘制线上的圆从最上面的图效果来看我们不需要圆 也不需要折线，但是框线要保留 因此我们需要 把这个几个方法 改成public ，到时候继承之后重写他 不调用父方法即可Paste_Image.pngPaste_Image....
VS2019+QT5.12.2+提升QGraphicsView+绘制曲线
wenluderen的专栏
10-08 3761
第一步:打开VS２０１９创建QT widgets application ,填入程序名字:GSZ_Tisheng_QChats *** 第二步: 第三步:操作一个widget A:打开gsz_tisheng_qchats.ui 文件,添加一个widget B:提升 widget为:QChartView C:点击 添加 然后提升 D,在QT设计师里面 点击保存,然后关闭QT设计师 E:编译 第四步:处理报错,就是添加 类QChartView的头文件 和...
自定义View实战：打造QQ风格小红点动画
"自定义View之案列篇：仿QQ小红点" ...这个案例提供了学习自定义View和Android动画系统的好机会，不仅涵盖了基本的视图布局和绘制，还涉及到高级的图形操作和交互处理，对于提升Android开发技能十分有益。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值