【qt】最快的开发界面效率——混合编程

已于 2024-09-07 16:10:07 修改
阅读量1.1k 收藏 20
点赞数 10
分类专栏： 姚哥Qt 文章标签： qt 开发语言 ui c++ 成长之路
于 2024-05-12 22:28:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_74047911/article/details/138759126
版权

大家好,这里是国中之林!
❥前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。有兴趣的可以点点进去看看←

混合编程

前言：为了让大家直观的感受到混合编程的界面设计，这里以做一个项目来，边做边学。

目标图：
在这里插入图片描述
可以实现相应的功能哦，接下来我们开干！

一.准备工作

1.创建项目

因为我们的项目是有菜单栏，工具栏和状态栏的所以说我们要选择mainwindow为基类。
在这里插入图片描述

2.添加项目资源

我们这个项目可以看到有图片的显示，因此我们要先添加资源。

需要资源的可以dd我

在这里插入图片描述
选择Qt里的Qt Resource File
在这里插入图片描述
就会出现这样
在这里插入图片描述
然后点击Add Prefix进行分组：

在这里插入图片描述
然后点击Add Files添加资源
在这里插入图片描述
咱们的资源就添加好了！

二.ui界面设计

1.menuBar菜单栏

打开设计器，菜单栏在界面的左上角这里
在这里插入图片描述
可以输入名字，输完姚点击回车,才可保存！
在这里插入图片描述
接下来可以填入选项
这里不能输入汉字，但是可以粘贴进去
也可以把类型的放在一起添加分隔符
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
我们可以先看一下运行效果：
在这里插入图片描述

2.action ▲

这个时候我们会发现，下面出现了许多的action
在这里插入图片描述
action是一个可用于菜单栏、工具栏和其他地方的可执行操作的对象.相当于我们可以从这里对刚刚写的菜单在这里进行操作！
双击action可以对这些属性进行操作！
在这里插入图片描述
我们可以把对象名字改成我们容易看得懂的。
然后把我们的图标资源添加上。
Shortcut可以设置我们的快捷键。
在这里插入图片描述
然后把下面的action都进行修改！
注意对于粗体斜体下划线是复选，可以打开也可以不打开。
所以姚将Checkable选上。
在这里插入图片描述
这就全部添加完了
在这里插入图片描述
这是我们创建菜单时，自动创建的action
我们也可以先创建action然后拖到相应的栏。
在这里插入图片描述
我们可以看看效果：
在这里插入图片描述
有图片了，哈哈是不是很高兴，嘿嘿嘿。

3.toolBar工具栏

在界面的右边可以看到我们界面当前有的东西
在这里插入图片描述
默认是没有工具栏的，所有我们要进行手动的添加

右击MainWindow,添加工具栏

在这里插入图片描述
这个时候就有工具栏了
在这里插入图片描述

界面上的工具栏在这里：
在这里插入图片描述
然后我们可以将刚刚的action拖到工具栏中
也可以右键添加分隔符
在这里插入图片描述

在这里插入图片描述
这就拖完了，但是没有文字，我们可以先在右边的工具栏里的属性中找到toolButtonStyle进行设置
在这里插入图片描述
选择
在这里插入图片描述
就会出现：
在这里插入图片描述

然后添加一个文本编辑器组件

运行结果：
在这里插入图片描述

4.中心组件

看到我们的运行结果就感到很丑陋，文本编辑器都不能随着窗口的变化而变化。
这个时候我们就姚开始加布局的操作了。
选择整个窗口，添加水平布局。
在这里插入图片描述
此时我们中心组件就是文本编辑器了
在这里插入图片描述
可以自适应大小了，但是有边距
在这里插入图片描述
可以在centralwidget里面的Layout里把边距都设置为0
在这里插入图片描述
此时的运行结果：
在这里插入图片描述
完美，下面的是状态栏，不是边距。

三.代码界面设计

1.toolBar添加组件

现在距离我们的界面目标还差工具栏里面的字体大小和字体选择，这两个组件是QSpinBox和QFontComboBox是不能够直接拖放到工具栏的，因此我们只能使用代码去进行操作。
对于用代码写界面还是老样子
先定义指针，注意头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QSpinBox>//整数选择
#include <QFontComboBox>//字体选择

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    QSpinBox*spinBoxFontSize;
    QFontComboBox*fontBox;
};
#endif // MAINWINDOW_H

然后对指针进行初始化

void MainWindow::initUI()
{
    spinBoxFontSize=new QSpinBox;
    fontBox=new QFontComboBox;


    spinBoxFontSize->setMinimumWidth(60); //设置字体大小选择的最小宽度
    spinBoxFontSize->setMinimum(8);//设置字体的最小尺寸
    spinBoxFontSize->setMaximum(60);//设置字体的最大尺寸
    spinBoxFontSize->setValue(ui->textEdit->fontPointSize());//开始拿到当前字体的大小

    ui->toolBar->addWidget(new QLabel("字体大小"));//向工具栏添加标签
    ui->toolBar->addWidget(spinBoxFontSize);//向工具栏中添加字体的大小选择


    fontBox->setMinimumWidth(160);//设置字体样式组件的最小宽度
    ui->toolBar->addSeparator();//添加一个分割符
    ui->toolBar->addWidget(new QLabel("字体"));//向工具栏中添加字体
    ui->toolBar->addWidget(fontBox);//向工具栏中添加字体

}

同时对组件进行一些基础的属性设置
toolBar->addWiget这就是向工具栏进行添加组件的接口
运行结果：
在这里插入图片描述
OK，在工具栏中就出现了，我们需要的组件了。

2.statusBar状态栏添加组件

接下来就差状态栏的界面了
添加的原理跟工具栏差不多
先定义指针;

#include <QMainWindow>
#include <QSpinBox>//整数选择
#include <QFontComboBox>//字体选择
#include <QLabel>
#include <QProgressBar>//进度条

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    QSpinBox*spinBoxFontSize;
    QFontComboBox*fontBox;
    
    QLabel*fileName;
    QProgressBar*progressBar;

    void initUI();
};

接下来在initUI里面进行初始化

void MainWindow::initUI()
{
    spinBoxFontSize=new QSpinBox;
    fontBox=new QFontComboBox;
    fileName=new QLabel;
    progressBar=new QProgressBar;


    spinBoxFontSize->setMinimumWidth(60); //设置字体大小选择的最小宽度
    spinBoxFontSize->setMinimum(8);//设置字体的最小尺寸
    spinBoxFontSize->setMaximum(60);//设置字体的最大尺寸
    spinBoxFontSize->setValue(ui->textEdit->fontPointSize());//开始拿到当前字体的大小

    ui->toolBar->addWidget(new QLabel("字体大小"));//向工具栏添加标签
    ui->toolBar->addWidget(spinBoxFontSize);//向工具栏中添加字体的大小选择


    fontBox->setMinimumWidth(160);//设置字体样式组件的最小宽度
    ui->toolBar->addSeparator();//添加一个分割符
    ui->toolBar->addWidget(new QLabel("字体"));//向工具栏中添加字体
    ui->toolBar->addWidget(fontBox);//向工具栏中添加字体
    
    fileName->setMinimumWidth(180);//设置标签的最小宽度
    fileName->setText("当前文字");
    ui->statusbar->addWidget(fileName);//将标签添加到状态栏
    
    progressBar->setMinimum(8);//设置进度条的最小值，与字体的尺寸相对应
    progressBar->setMaximum(60);//设置进度条的最大值
    progressBar->setMinimumWidth(80);//设置进度条的最小宽度
    progressBar->setMaximumWidth(200);//设置进度条的最大宽度
    progressBar->setValue(ui->textEdit->fontPointSize());//用字体的大小来设置当前进度条的值
    ui->statusbar->addWidget(progressBar);//将进度条添加到状态栏

}

运行结果：
在这里插入图片描述
OK我们的界面就全部完成了，这就是代码与ui设计器的结合，ok,接下来我们来实现功能！

四.完成界面的功能

1.对action配置信号槽

在这里有一个信号槽编辑器
在这里插入图片描述
这里可以进行信号槽的添加
对于信号和槽函数，qt内部都已经实现好的，才可以在这里直接进行配置。

在这里插入图片描述
这里我们就对剪切，复制，退出，清空，粘贴进行了添加
因为这些槽函数对应的接收者有对应的槽函数
对于action有一个共同的信号就是triggered触发器
在这里插入图片描述
运行结果：
在这里插入图片描述
点击清空就没了

在这里插入图片描述

2.对action转到信号槽

OK，接下来，就是我们想要实现的功能，qt组件内部没有对应的函数，那就只能我们手动去写了
但是还是有action的触发器信号
我们可以直接在action上点击转到槽
在这里插入图片描述
对于下划线，粗体，斜体因为有两种状态，我们用triggered(bool)这个信号。
在这里插入图片描述
新建的槽函：

void MainWindow::on_actionNew_triggered()
{
    ui->textEdit->clear();//将当前的文本清空
    fileName->setText("当前文件");//文件名也清空
}

打开文件的槽函数：

void MainWindow::on_actionOpen_triggered()
{
    //打开一个文件并获取路径
    QString FileName=QFileDialog::getOpenFileName(this,"打开一个文件");
    if(!FileName.isEmpty())//如果路径不为空
    {
        QFile file(FileName);//创建一个文件对象用路径名初始化
        if(file.open(QIODevice::ReadWrite|QIODevice::Text))//打开文件
        {
            QTextStream stream(&file);//创建一个文件流对象
            while(!stream.atEnd())//如果没有读到结尾
            {
                ui->textEdit->append(stream.readLine());//将读的每行添加到文件流中，然后尾部追加到文本编辑器中
            }
             fileName->setText("当前文件："+FileName);//将当前的文件名进行修改
        }
        file.close();//关闭文件
    }
   
}

3个字体样式的槽函数：

void MainWindow::on_actionBold_triggered(bool checked)
{
    auto format=ui->textEdit->currentCharFormat();//获取光标位置的字体样式
    format.setFontWeight(checked?QFont::Bold:QFont::Normal);//根据状态修改成粗体样式
    ui->textEdit->mergeCurrentCharFormat(format);//将修改后样式合并到字体样式中
}

void MainWindow::on_actionItalic_triggered(bool checked)
{
    auto format=ui->textEdit->currentCharFormat();
    format.setFontItalic(checked);
    ui->textEdit->mergeCurrentCharFormat(format);
}

void MainWindow::on_actionUnderLine_triggered(bool checked)
{
    auto format=ui->textEdit->currentCharFormat();
    format.setFontUnderline(checked);
    ui->textEdit->mergeCurrentCharFormat(format);
}

我注释写的这么详细，我就不讲了，如果有不懂的地方可以问我。
运行效果：
在这里插入图片描述
打开一个文件和3种样式可以完了，你们可以多玩玩，哈哈。

3.代码添加的组件手动关联槽函数

像我们自己手动添加的组件，我们必须要手动的关联和定义槽函数
字体大小和字体的样式本身有信号，所以不用我们进行手动的添加
先定义槽函数：

void on_spinBoxFontSize_valueChanged(int size);
void on_fontBox_currentIndexChanged(const QString & fontStyle);

然后关联：

void MainWindow::initSignalSlots()
{
    connect(spinBoxFontSize,SIGNAL(valueChanged(int)),
            this,SLOT(on_spinBoxFontSize_valueChanged(int)));
    connect(fontBox,SIGNAL(currentIndexChanged(const QString &)),
            this,SLOT(on_fontBox_currentIndexChanged(const QString &)));
}

最后实现槽函数：

void MainWindow::on_spinBoxFontSize_valueChanged(int size)
{
    QTextCharFormat format;
    format.setFontPointSize(size);//根据发来的信号设置文本的大小
    ui->textEdit->mergeCurrentCharFormat(format);//将字体大小合并到文本
    progressBar->setValue(size);//设置进度条的值

}

void MainWindow::on_fontBox_currentIndexChanged(const QString &fontStyle)
{
    QTextCharFormat format;
    format.setFontFamily(fontStyle);
    ui->textEdit->mergeCurrentCharFormat(format);
}

运行效果：
在这里插入图片描述
现在就可以尽情的玩耍了，功能都有了，你也试试看吧！

五.补充

1.样式选择问题

现在还是会有一点小bug，就是如果我点了斜体，粗体，下划线，我选择其他文本文字，他们的状态还是一直点着的。
我们可以用文本编辑器的一个转到槽，有个文本选择改变信号
在这里插入图片描述
实现槽函数：

void MainWindow::on_textEdit_selectionChanged()
{
    //先获取当前文本格式
    auto format=ui->textEdit->currentCharFormat();
    //根据当前的文本判断是否设置了样式
    ui->actionBold->setChecked(format.font().bold());
    ui->actionItalic->setChecked(format.fontItalic());
    ui->actionUnderLine->setChecked(format.fontUnderline());
}

效果：
在这里插入图片描述

2.复制粘贴剪切可选

现在有一个需求就是当我们选择文本才可以复制剪切
文本编辑器也有一个信号就是能否复制
在这里插入图片描述
实现槽函数：

void MainWindow::on_textEdit_copyAvailable(bool b)
{
    ui->actionCut->setEnabled(b);//如果可以复制就可以使用剪切
    
    ui->actionCopy->setEnabled(b);//如果可以复制就复制
    
    ui->actionPaste->setEnabled(ui->textEdit->canPaste());//如果可以粘贴的时候就设置可以
}

效果：
现在剪切和复制就用不了了，选中就又可以复制和剪切了。
在这里插入图片描述

3.图标

扩充内容，最后咱们来搞一个图标。
点击这里可以将图片转换成ico图标格式
然后保存到项目同目录下
在pro文件中加一个模块
在这里插入图片描述
等于后面与保存在同目录下的名字相同
在这里插入图片描述
顺便加一个窗口主题名：
在这里插入图片描述

运行结果：
在这里插入图片描述
帅呆了，太酷了！
哎呀，其他功能你们做好了，自己玩，我不想截图了…

六.总结

很明显，ui设计器的开发效率极快，但是有的界面只能用代码实现，如我们这个项目中，向工具栏和状态栏里面添加组件时，只能用代码来实现。
总的来说一句话：能用ui设计器的就尽量用，不能用的就用代码！

花了一天的时间，终于写完了，今天星期天，咱们的设计界面就完结撒花了，真的是太累了。确实接口有点多，容易记混，不过慢慢来，重要的是思想！
OK，就到这里吧！(*￣︶￣)

国中之林
关注
专栏目录
Qt快速开发手册
08-22
不错的资料，基于C++的跨平台开发。很不错值得推荐。需要的可以下载
QT图形界面编程
11-23
QT图形界面编程
浅谈qt界面开发
最新发布
xzdjsnb的博客
06-22 907
`QMainWindow` 是 `QWidget` 的子类，因此 `QMainWindow` 继承了 `QWidget` 的所有功能和特性。- 在实际开发中，可以在 `QMainWindow` 中组合使用多个 `QWidget` 实例，以创建复杂的用户界面布局和交互。- `QMainWindow` 在 `QWidget` 的基础上提供了一些额外的功能和布局管理，用于创建应用程序主窗口。- 在某些情况下，也可以同时使用 `QMainWindow` 和 `QWidget` 来组合创建复杂的用户界面结构。
Qt界面开发（各种控件以及图表）
liujiayu2的专栏
08-09 1万+
Qt界面开发（各种控件以及图表） 1.Qt简洁窗体 源代码链接：点击打开链接 2.QT漂亮界面   源代码链接：点击打开链接 3.音乐播放器界面 源代码链接：点击打开链接 4.六宫格界面 源代码链接：点击打开链接 5.漂亮通用界面 源代码链接：点击打开链接 6.净化设备管理 源代码链接：点击打开链接 7.树形界面通用图 源代码链接：点击打开...
从头学Qt Quick（1） --体验快速构建动态效果界面
weixin_30509393的博客
05-07 189
自2005年Qt4发布以来，Qt已经为成千上万的应用程序提供了框架服务，现在Qt已经基本上支持所有的开发平台了，这里面既包含了桌面、嵌入式领域，也包括了Android、IOS、WP等移动操作平台，甚至支持最新的Ubuntu Phone。 Qt Quick是一个UI技术组，Qt Quick本身主要包含了QML、JavaScript、 Qt C++三种技术。其中的主角就是QML（Qt Declara...
Qt应用程序开发框架-快速入门篇
Henrik-Yao的博客
12-05 9793
文章目录一.Qt介绍及安装二.QtCreator介绍三.QtDesigner介绍四.Qt信号和槽 一.Qt介绍及安装 Qt是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序，也可用于开发非GUI程序，比如控制台工具和服务器。Qt是面向对象的框架，使用特殊的代码生成扩展（称为元对象编译器(Meta Object Compiler, moc)）以及一些宏，Qt很容易扩展，并且允许真正地组件编程。 Qt使用效果 Qt下载地址 https://down
J_1 从零基础开始快速入门Qt开发
07-11 504
1、在你的windows电脑上安装ubuntu，使你的电脑拥有双系统，或者通过其它电脑下载ubuntu镜像安装文件，就像安装windows系统那样，安装ubuntu到你的裸机上，Ubuntu是一个以桌面应用为主的Linux操作系统，相关的安装文章在网上有很多，就不在这里赘述了； 2、unbuntu默认是不开启root用户的，我们为了在编程过程中不要老是被权限所困扰，在此我们要开启root用户，可以参考https://blog.csdn.net/sunxiaoju/article/details/51993
qt web混合编程_基于Qt与MATLAB的混合编程技术
weixin_29643235的博客
01-14 710
摘要：在Qt雷达仿真系统中，数据处理及图形显示尤为重要。本文为此提出了一种Qt与MATLAB混合编程的方法。通过VC++和MATLAB混合编程技术，将MATLAB函数封装成动态链接库，Qt调用这个动态链接库实现图形处理功能，从而改善Qt界面中雷达信号仿真问题。本文引用地址：http://www.eepw.com.cn/article/201609/310493.htm引言Qt是一个跨平台的C++图...
VS2017+QT5纯代码编程——基础知识
qq_44277244的博客
08-13 1052
​ 基础知识 一、布局 1、布局管理器 注意：MainWindow有自己默认的布局管理器 1.1 分类 （1）QHBoxLayout 水平布局 略 （2）QVBoxLayout 垂直布局 略 （3）QGridLayout 格栅布局 理解为格子（几行几列）： gridLayout ->addWidge();三个参数分别是添加的部件、横向位置、纵向位置。 如图，是一个3*3的格栅布局，每个格子的位置与矩阵类似： 布局的第一行添加部件： gridL
Qt及Qt Quick开发实战精解俄罗斯方块QT5.7.1源码
01-19
《Qt及Qt Quick开发实战精解——以俄罗斯方块为例》 Qt是一个强大的跨平台应用程序开发框架，由Trolltech公司开发，后被Nokia收购并开源。它提供了丰富的库和工具，支持C++和QML（Qt Meta Language）语言，使得...
【QT】入门心法
ZoomToday
08-02 238
从微处理器到超级计算机，QT6和他庞大的生态体系提供了所有需求，包括设计、开发和部署以及产品线管理。前端创建美丽的界面，后端创建强大的功能实现。新一代的用户应用体验：构建2D和3D和谐的应用程序——使用设计器和对开发者更友好的工具，以及强大的QML语言和灵活的图形架构。软件需求是不断增长的，但是开发团队的能力却不能这样不断地增长！此时QT6工具和API可以让设计者和开发人员创建更多的需求。ERP桌面应用开发（大型标准工业类型应用、只运行在桌面、跨平台并可以融入底层平台）建议使用QT Widgets。....
Qt界面开发
07-06
Qt界面开发基础教程，适合出入门嵌入式界面开发的初学者。
qt界面开发
09-14
用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发，用于QT界面开发。
混合开发框架的对比，Flutter更胜一筹？(1)
2301_76327109的博客
04-21 1024
H5+原生混合开发这类框架主要原理就是将APP的一部分需要动态变动的内容通过H5来实现，通过原生的网页加载控件WebView (Android)或WKWebView（ios）来加载（以后若无特殊说明，我们用WebView来统一指代android和ios中的网页加载控件）。这样一来，H5部分是可以随时改变而不用发版，动态化需求能满足；同时，由于h5代码只需要一次开发，就能同时在Android和iOS两个平台运行，这也可以减小开发成本，也就是说，h5部分功能越多，开发成本就越小。
Qt界面编程基本操作
连城
03-11 182
Qt界面编程基本操作 了解基本代码构成 类widget的头文件widget.h如下: #ifndef WIDGET_H #define WIDGET_H #include <QWidget> #include <QDebug> namespace Ui { class Widget; } class Widget : public QWidget { /...
Qt界面编程基础
xiaoqiudao的博客
06-10 4547
一、Qt简介 1、什么是Qt： ​ 是使用C++语言封装的一套用于图形界面编程的框架，Qt专注但不局限于图形界面的开发，还支持系统调用、网络编程、数据库编程、2D/3D图形处理、音视频处理等。 ​ 它是跨平台了，支持几乎所有的主流操作系统，Linux、Windwos、MacOS、Android、iOS等系统。 2、为什么选择Qt ​ 基于C++，简单易用 ​ 优良的跨平台特性，在个人计算机、工控、嵌入式 的界面占主导地位 二、Qt环境与工具 ​ 1、头文件和库文件 ​
Qt混合编程(C++ 和 Python)
BirdHong的博客
02-24 798
开发环境 Qt6.0.1 , MSVC2019 , Python3.8.5 存在问题 目前只能跑简单的 Python 程序。 调画图函数则会报错，错误如下 该错误上述的参考教程有解决方案，但于我都不适用。本人怀疑是Qt版本太高，因为我的Python是通过Anaconda安装的，里面的Qt扩展均是5.0版本。 进入正题 配置：教程 DeBug：一 、二 、三 、四 、五 ...
Qt图形界面编程入门（创建一个简单的程序）
热门推荐
weixin_45626468的博客
03-24 1万+
1，手工编码方式 利用手工编码方式建立“Hello Qt！”程序 第一步： 得到界面 2，无UI的向导方式 从图中，我们发现向导为窗口程序提供了3个基类，分别外QMainWindow、QWidget、QDialog，3个基类的区别如下: QMainWindow类：提供一个有菜单栏、工具栏和一个状态栏的应用窗口模式 QWidget类：是所有用户界面对象的基类。它从窗口系统接收鼠标、键盘和其他事件，并且在屏幕上..
利用QT进行web与本地混合应用开发
云和山的彼端
04-07 1206
Qt Features for Hybrid Web/Native Application Development。原文参见 http://www.qtsoftware.com/forms/whitepapers/reg-whitepaper-hybrid.（限于本人英文水平，只译其大概）Qt提供了本地 C++对象与JavaScript的无缝集成，是进行本地与web混合应用开发的理想平台。(一）Q
Python与Qt快速GUI编程完全指南——PyQt
"Rapid GUI Programming with ...《Rapid GUI Programming with Python and Qt》是Python和Qt结合的绝佳教程，它将帮助开发者快速掌握使用Python进行GUI编程的技能，提升开发效率，实现复杂的界面设计和交互逻辑。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值