（六）Qt Quick元素布局

最新推荐文章于 2024-08-11 16:59:31 发布
最新推荐文章于 2024-08-11 16:59:31 发布
阅读量428 收藏 1
点赞数 1
分类专栏： QML 文章标签： qml qt Qt Quick
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bureau123/article/details/123924517
版权

  在Qt Quick中有两套与元素布局相关的类库，一套叫做Item Positioner(定位器)，一套叫做Item Layout(布局)，之前示例代码中的锚布局就是通过Item的anchors实现的。
  定位器包括Row(行定位器)、Column(列定位器)、Grid(表格定位器)、Flow(流式定位器)。
  布局管理器包括行布局(RowLayout)、列布局(ColumnLayout)、表格布局(GridLayout)。

定位器

定位器是一种容器元素，专门用来管理界面中的其他元素，与Qt Widgets中的水平布局和垂直布局类似，不过需要注意的是，定位器不会改变它管理的元素的大小，即便用户调整了界面尺寸，它也坚持不干涉孩子们的尺寸，如果你想界面尺寸变化调整孩子们的尺寸时，可以使用Qt Quick中的布局管理器。常用的定位器元素有下列几种：
Row，Column，Grid，Flow

Row

Row类似于Qt中的水平布局，沿着一行安置它的孩子们。

import QtQuick 2.0

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText
        text: "A Single Text.";
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    Row {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        spacing: 4;

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }
    }
}

在这里插入图片描述
使ColorPicker四个Item沿着一行对其，使用锚布局anchors.left和anchors.bottom是为了把Row定位在界面的左下角。
spacing属性是用来指定ColorPicker之间的间距。

Column

column和row类似，只不过是以列的行时呈现

import QtQuick 2.0

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    Column {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        spacing: 4;

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

    }
}

在这里插入图片描述

Grid

grid就是一个网格，可以在网格上放置item，一般情况下，grid会从左到右，从上到下把它的子Item一个个放置到单元格里。可以通过rows和columns设定表格的行数和列数，如果不设置，默认只有四列，而行数则会根据实际的Item数量自动计算，rowSpacing和columnSpacing指定行列间距，单位是像素。
Grid的flow属性描述表格排列方式，Grid.LeftToRight表示从左到右，为默认值，Grid.TopToBottom表示从上到下。

import QtQuick 2.0

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    Grid {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        rows: 3;
        columns: 3;
        rowSpacing: 4;
        columnSpacing: 4;

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }
    }
}

在这里插入图片描述在这里插入图片描述
      Grid.LeftToRight                   Grid.TopToBottom

Flow

Flow其实和Grid类似，不同之处是它没有显示的行列数，它会计算item的尺寸，然后与自身尺寸比较，按需折行。Flow也有flow属性，和Gird类似。

import QtQuick 2.0

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.horizontalCenter: parent.horizontalCenter;
        anchors.top: parent.top;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    Flow {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        width: 280;
        height: 130;
        spacing: 4;

        ColorPicker {
            width: 80;
            height: 20;
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            width: 100;
            height: 40;
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            width: 80;
            height: 25;
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            width: 35;
            height: 35;
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            width: 20;
            height: 80;
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }
    }
}

在这里插入图片描述

定位器嵌套

Qt Quick中的定位器元素是可以嵌套的，比如通过Row和Column的嵌套就能实现Grid的效果。因为Row、Column、Grid、Flow等对象都是从Item继承的，所以在嵌套定位器时完全可以把他们当作普通Item对待。注意看，被定位器管理的元素不要使用x,y和anchors等属性。

import QtQuick 2.0

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    Row {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        spacing: 4;

        Column {
            spacing: 4;

            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }

            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }
        }

        Column {
            spacing: 4;
            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }

            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }
        }

        Column {
            spacing: 4;
            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }

            ColorPicker {
                color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
                onColorPicked: setTextColor(clr);
            }
        }
    }
}

在这里插入图片描述

布局管理器

Qt Quick中的布局管理器和Qt Widgets中的相似，它与定位器的不同之处在于：布局管理器会自动调整子Item的尺寸来适应界面大小的变化。
要使用布局管理器，需要引入Layouts模块：
import QtQuick.Layouts 1.1

GridLayout

GridLayout和Qt中的QGridLayout功能类似，它在一个表格中安排它管理的Item，如果用户调整界面尺寸，GridLayout会自动重新调整Item的位置。
GridLayout所管理的Item，可以使用下列附加属性（这正是布局管理器和定位器关键的不同点）：

  • Layout.row
  • Layout.column
  • Layout.rowSpan
  • Layout.columnSpan
  • Layout.minimumWidth
  • Layout.minimumHeight
  • Layout.preferredWidth
  • Layout.preferredHeight
  • Layout.maximumWidth
  • Layout.maximumHeight
  • Layout.fillWidth
  • Layout.fillHeight
  • Layout.alignment
import QtQuick 2.0
import QtQuick.Layouts 1.1

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    GridLayout {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        width: 350; //可以指定布局的宽度
        rows: 3;
        columns: 3;
        rowSpacing: 4;
        columnSpacing: 4;
        flow: GridLayout.TopToBottom;

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
            Layout.columnSpan: 3; //占用三列
            Layout.rowSpan: 3;	  //占用三行
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
            Layout.fillWidth: true; //填充所有可用宽度
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
            onColorPicked: setTextColor(clr);
        }
    }
}

在这里插入图片描述

RowLayout

RowLayout可以看作是只有一行的GridLayout，它的行为与Row类似，不同之处在于，它所管理的元素可以使用下列附加属性：

  • Layout.minimumWidth
  • Layout.minimumHeight
  • Layout.preferredWidth
  • Layout.preferredHeight
  • Layout.maximumWidth
  • Layout.maximumHeight
  • Layout.fillWidth
  • Layout.fillHeight
  • Layout.alignment
import QtQuick 2.0
import QtQuick.Layouts 1.1

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: rootItem;

    Text {
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    RowLayout {
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        anchors.right: parent.right;
        anchors.rightMargin: 4;
        spacing: 3;

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }

        ColorPicker {
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
            Layout.fillWidth: true;
        }
    }
}

在这里插入图片描述
最后一个元素设置了Layout.fillWidth属性，填充了所有剩余空间。

ColumnLayout

ColumnLayout可以看作是只有一列的GridLayout，它的行为与Column类似，不同之处在于，它所管理的元素可以使用下列附加属性：

  • Layout.minimumWidth
  • Layout.minimumHeight
  • Layout.preferredWidth
  • Layout.preferredHeight
  • Layout.maximumWidth
  • Layout.maximumHeight
  • Layout.fillWidth
  • Layout.fillHeight
  • Layout.alignment
import QtQuick 2.0
import QtQuick.Layouts 1.1

Rectangle {
    width: 360;
    height: 240;
    color: "#EEEEEE";
    id: roorItem;

    Text{
        id: centerText;
        text: "A Single Text.";
        anchors.centerIn: parent;
        font.pixelSize: 24;
        font.bold: true;
    }

    function setTextColor(clr){
        centerText.color = clr;
    }

    ColumnLayout{
        anchors.left: parent.left;
        anchors.leftMargin: 4;
        anchors.bottom: parent.bottom;
        anchors.bottomMargin: 4;
        anchors.top: parent.top;
        anchors.topMargin: 4;
        //height: 180;
        spacing: 4;

        ColorPicker{
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
            Layout.fillHeight: true;
        }

        ColorPicker{
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }

        ColorPicker{
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }

        ColorPicker{
            color: Qt.rgba(Math.random(), Math.random(), Math.random());
            onColorPicked: setTextColor(clr);
        }
    }
}

在这里插入图片描述

vegetablesssss
关注
专栏目录
Qt Quick 布局介绍
安晓辉生涯——聚焦程序员的职业规划与成长
07-01 2万+
详细介绍 Qt Quick 中的 Anchors 、 Row 、 Column 、 Grid 、Flow 等布局方式。
Qt Quick中布局管理
xixihaha331的博客
04-13 785
Rectangle 1Rectangle示例 布局管理 1Column 将子项目排成一列 2Row 将子项目排成一行 3Grid排成网格 4Flow 将子项目从前向后像流一样排列 Grid示例 5anchors锚 6Layouts布局管理器1.Rectangle属性:id;text;color;width;height; border.color 边框颜色 border.width边框宽度 o
（QT）常用用户界面元素
qq_57594025的博客
03-31 225
它提供了一个单行编辑文本框，用户可以在其中输入和编辑文本。QLineEdit类允许开发者通过编程方式设置文本框的属性，例如文本内容、字体、颜色、光标位置等等。开发者还可以将信号（signal）和槽（slot）机制用于QLineEdit，以便在文本框中输入或编辑文本时执行相应的操作，例如更新其他部件或执行某些特定的功能。
QtQuick 布局管理-布局管理器
最新发布
随手写下笔记和感悟
08-11 740
在一个布局管理器中横向排列两个矩形，当拉伸程序窗口时，左边距形可以从50x150变化到300x150，右边矩形可以从100x150变化到∞x100。与定位器不同，布局管理器不仅进行布局，而且会改变项目的大小，所以更适用于需要改变用户界面大小的应用。布局管理器的大小约束可以用来确保窗口大小不会超过约束条件，还可以将布局管理器的约束设置到窗口项目的。属性来设置当前显示的项目，索引号对应布局管理器中子项目的顺序，从0开始。为了将布局管理器与窗口进行关联，可以为布局管理器添加锚。，此时，有效的最佳高度会从。
Qt Quick元素布局
LC900730的博客
08-22 451
元素布局Item Positioner(定位器) Item Layout(布局) 锚布局定位器定位器是一种容器元素，专门用来管理界面中的其他的元素。ROWColumnGridFlowExclusiveGroupExclusiveGroup(互斥分组)本身是不可见元素，用于将若干个元素组合在一起，供用户选择其中的一个选项。 你可以在ExclusiveGroup对象中定义RadioButton、Che
Qt Quick - Qt Quick Layouts 布局综述
洪源兄
03-13 902
这里记录一下Quick里面的布局控件，Qt Quick Layouts 是一组QML类型，用于在用户界面中布局 item。与定位器相比，Qt Quick Layouts 还可以调整项目的大小。这使得它们非常适合可缩放的用户界面。由于布局是 Item，因此可以嵌套布局的。Qt Quick Layouts 是用来在用户界面中排列元素的。因为Qt Quick布局也会调整元素的大小，所以非常适合可缩放的用户界面。其实就是和 Qt C++里面的布局类和功能基本是一致的。
Qt Quick编程之Qt Quick元素布局，适合Qt初学者
05-13
### Qt Quick编程之Qt Quick元素布局详解 #### 一、概述 在Qt Quick开发中，元素布局是一项重要的技能。为了创建美观且响应式的用户界面，Qt Quick提供了多种布局选项。这些选项大致分为两大类：**Item Positioner...
《QML和Qt Quick快速入门》示例源码
09-16
8. **多媒体和图形**：Qt Quick支持多媒体元素和2D/3D图形，例如Image、Video、Audio和Sprite。源码可能包含播放媒体、绘制图形或实现游戏逻辑的例子。 9. **国际化和本地化**：源码可能涵盖如何在QML中实现多语言...
Qt Quick核心编程
08-19
第8章 Qt Quick元素布局 第9章 Qt Quick常用元素介绍 第10章 Canvas（画布） 第11章 C++与QML混合编程 第12章 动画 第13章 Model/View 第14章 多媒体 第15章 网络 第16章 定位 第17章 综合实例之文件查看...
QtQuick中文手册
04-17
QtQuick支持数据绑定，使得界面元素的属性可以与JavaScript变量关联。当变量值改变时，相关界面元素会自动更新。此外，还可以使用`State`和`Transition`来管理组件的不同状态和状态间的过渡动画。 **信号和槽** ...
Qt及QtQuick开发实战精解高清PDF
01-14
从标题“Qt及QtQuick开发实战精解高清PDF”可以得知，这本书主要介绍的是使用Qt框架进行软件开发的实战技巧和深入解析。 Qt是一个跨平台的C++应用程序框架，它为开发者提供了构建图形界面应用程序所需要的各种工具...
Qt Quick - Layout
洪源兄
03-13 485
Layout 本身其实不是参与到布局里面，主要是给GridLayout、RowLayout或ColumnLayout上的项提供附加属性。一个Layout类型的对象被附加到布局的子元素上，以提供关于 Item 的特定于布局的信息。附加对象的属性会影响布局如何安排 Item。同时每一个不同的布局器支持的 Layout 的属性也不一样的，并不是所有的 像 GridLayout、RowLayout或ColumnLayout都支持所有的布局属性的，有些是有区别的。
QT Quick QML 布局——定位置布局(Row、Column、Grid、Flow和Repeater)
热门推荐
火山上的企鹅
04-07 1万+
目录 QT Quick中布局一般有如下四种方式， ①. 绝对坐标：x、y、z、width、height、 ②. 锚(anchors) 布局 ③. 定位器（Row、Column、Grid、Flow） ④. 布局管理器（GridLayout、RowLayout、ColumnLayout） 绝对布局很好理解，给值就显示，但是不灵活；锚布局已经学完(QT Quick QML入门笔记（四）锚(anchors...
Qt Quick - RowLayout 行布局
洪源兄
03-13 691
RowLayout其实就是 GridLayout 的一个很方便的类，就是行布局，把元素在一行里面布局好，推荐看完 GridLayout 再看看这个，这个使用也是非常的简单，就是把需要布局的元素放置到 这个里面就好，只是这些被布局的元素的 长、宽度这些要注意一下，而且绑定也要注意一下，具体的注意事项在我博客专栏的 Layout 里面也说了的。attached 属性就是放在布局元素里面的，在布局器里面的元素的长宽这些是 用 这些 attached 属性确定，不能用 width 之类的哈。
QML布局概述(Qt Quick Layouts Overview)
QtCompany的博客
06-08 251
Qt Quick Layouts是用于在用户界面中排列Items的, 它们本身也是Items。由于Qt Quick Layouts也可以调整其本身的大小，因此非常适合可调整大小的用户界面.
Qt Quick模板-定位布局
hw5230的博客
02-16 300
这一篇我们罗列了在Qt Quick中常用的几种定位布局方法，虽然没有深入讲解，但因为比较简单而且经常用到，所以以后会很容易掌握。这一篇的重点，也是大家比较关心的问题，就是这些布局方法有什么区别，在什么时候该用哪种方式，其实我们在教程中已经通过字体加粗进行标识了，没有留意的同学可以再看一下。
【Qt之Quick模块】8. Quick基础、布局管理、布局管理器
FreeLikeTheWind的博客
01-10 1304
Qt Quick编程，提供了多种布局方式。如，静态布局，可以使用组件的x、y属性进行设置，或者进行绑定。还可以使用锚anchors进行布局。此外，还可以使用定位器以及定位管理器为多组件进行布局。但使用布局管理器和锚会占用内存和实例化时间，若使用x、y、width、height等属性能完成需求，两者相较取其轻，则尽量就不要用布局管理器和锚进行布局了。
Qt Quick 简单教程（布局开始）
爱她就要努力
05-29 2037
https://blog.csdn.net/foruok/article/details/28859415     上一篇《Qt Quick 之 Hello World 图文详解》我们已经分别在电脑和 Android 手机上运行了第一个 Qt Quick 示例—— HelloQtQuickApp ，这篇呢，我们就来介绍 Qt Quick 编程的一些基本概念，为创建复杂的 Qt Quick 应用奠定基
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vegetablesssss

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值