Qt实战案例（43）——利用QPainter实现自定义加载中动画控件（Loading.gif）

一、项目介绍

在Photoshop介绍：PhotoShop简单案例（4）——利用ps制作正在加载中动画（loading.gif）中介绍了一下利用Photoshop制作加载中动画（Loading.gif），可以在Qt中直接调用这个动图，但是毕竟不太方便，因此为了简洁，本文不使用图片，仅仅利用代码实现Loading加载中动画。

二、项目基本配置

新建一个Qt案例，项目名称为“LoadTest”，基类选择“QWidget”，点击选中创建UI界面复选框，完成项目创建。

三、UI界面设置

UI界面如下：

为简单起见，这里只设计三个控件：

序号名称类型属性①pushButtonQPushButtontext:Load②pushButton_2QPushButtontext:Cancel③gridLayoutQGridLayout/ 四、主程序实现 4.1 Loading.h和Loading.cpp

由于Loading.h和Loading.cpp代码量较大，这里不进行展示，仅作简要说明。 函数如下：

    //设置圆点个数
    void setDotCount(int);
    //设置点颜色
    void setDotColor(const QColor&);
    //开始
    void start();
    //设置圆点最大直径
    void setMaxDiameter(float);
    //设置圆点最小直径
    void setMinDiameter(float);

可以设置圆点个数、点的颜色、开始显示加载、设置圆点最大直径、设置圆点最小直径。在构造函数中进行了如下初始化设定：

    setDotColor(QColor(49, 177, 190));
    setDotCount(20);
    connect(&timer,&QTimer::timeout,this,&Loading::refresh);
    setMaxDiameter(30);
    setMinDiameter(5);

设置圆点颜色为（49，170，190），设置原点数量为20，将timeout信号和refresh槽（即repaint）连接，设置最大直径为30，最小直径为5。

4.2 widget.h头文件

头文件中引入Loading.h头文件，两个按钮点击槽函数和loading1对象：

private slots:
    void on_pushButton_clicked();
    void on_pushButton_2_clicked();

private:
    Loading* loading1;

4.3 widget.cpp源文件

源文件定义按钮点击槽函数：

//按钮点击
void Widget::on_pushButton_clicked()
{
    loading1=new Loading(this);
    loading1->start();
    ui->gridLayout->addWidget(loading1,0,0);


}

//取消
void Widget::on_pushButton_2_clicked()
{
    delete loading1;
}

五、效果演示

完整效果如下：

如果没有看懂的话，完整代码可以参考：https://download.csdn.net/download/didi_ya/85212107

ok，以上便是本文的全部内容了，如果对你有所帮助，记得点个赞哟~