作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！?

视频播放器换肤功能实现(1)背景属性添加

回到我们的编辑器源码中，

运行程序，点击衣服按钮，就可以进行皮肤的切换：

当下一次在运行程序的时候，软件会自动记忆上一次设置好的皮肤。

如何实现这个功能呢、

一、编辑Qml文件

添加背景图片，这里的source用到了myplay，所以需要添加MyPlay插件：

    //背景图片
    Image {
        id: backGround
        width: parent.width
        height: parent.height
        source: myplay.backGround ? "file:///" + myplay.backGround : ""
        //fillMode: Image.TileHorizontally
        smooth: true
    }

二、添加MYPlay.h和MyPlay.cpp:

2.1 从零开始在QT中创建C++的类

你可以在QT中 ，右键项目名称，点击Add New，然后选择C++ Class，最后创建MYPlay，继承于QObject类

2.2 MYPlay.h添加backGround属性

最后，你可以看到成品播放器源码中，定义了backGround属性

Q_PROPERTY(QString backGround READ backGround WRITE setBackGround NOTIFY backGroundChanged)

    //背景图片路径
    QString backGround() const;
    void setBackGround(QString url);

signals:
    void backGroundChanged(QString url);

private:
    QString                                     m_strBackgroundPath{""};
    QString                                     m_strBackGroundChoosePath{""};

2.3 MYPlay.cpp中添加属性函数的实现

//背景图片路径
QString MYPlay::backGround() const
{
    return m_strBackgroundPath;
}
void MYPlay::setBackGround(QString url)
{
    QSettings *settingIni = new QSettings("setting.ini",QSettings::IniFormat);
    QString backGroundpath = settingIni->value("Path/Background").toString();
    if(url == NULL)
    {
        if(backGroundpath == NULL)
        {
            delete settingIni;
            return;
        }
        else
        {
            m_strBackgroundPath = backGroundpath;
            QFileInfo fileInfo(backGroundpath);
            m_strBackGroundChoosePath = fileInfo.path();
            qDebug()<<m_strBackGroundChoosePath<<endl;
            delete settingIni;
            emit backGroundChanged(m_strBackgroundPath);
            emit backGroundChooseChanged(m_strBackGroundChoosePath);
            return;
        }
    }
    if(m_strBackgroundPath != url)
    {
        settingIni->setValue("Path/Background",url);
        m_strBackgroundPath = url;
        QFileInfo fileInfo(url);
        //qDebug()<<fileInfo.suffix();
        m_strBackGroundChoosePath = fileInfo.path();
        emit backGroundChanged(m_strBackgroundPath);
        emit backGroundChooseChanged(m_strBackGroundChoosePath);
    }
    delete settingIni;
}
//选择背景路径
QString MYPlay::backGroundChoose() const
{
    return m_strBackGroundChoosePath;
}

三、 将MYPlay注册为Qml类:

#include "MYPlay.h"

qmlRegisterType<MYPlay>("com.imooc.myplayer", 1, 0, "MYPlay");

四、总结

• 本文从0开始介绍了视频播放器换肤功能部分实现步骤。
• 如果觉得文章对你有用处，记得 点赞 收藏 转发 一波哦~

? 往期优质文章分享

• C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
• 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
• 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
• Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
• Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

? 优质教程分享 ?

• ?如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
• ?比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
• ?可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！

? 资料白嫖，温馨提示 ?

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种小程序、Web、客户端项目源码等等资料。更多内容可自行查看哦！

转载请注明：xuhss » C++ QT结合FFmpeg实战开发视频播放器-13视频播放器换肤功能实现(1)背景属性添加