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

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

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

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

如何实现这个功能呢、

一、编辑`Qml`文件

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

    //背景图片Image {id: backGroundwidth: parent.widthheight: parent.heightsource: myplay.backGround ? "file:///" + myplay.backGround : ""//fillMode: Image.TileHorizontallysmooth: 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的相关内容哦！直接点击下面颜色字体就可以跳转啦！

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统
❤️ C++ QT结合FFmpeg实战开发视频播放器❤️	难度偏高	分享学习QT成品的视频播放器源码，需要有扎实的C++知识！
💚 游戏爱好者九万人社区💚	互助/吹水	九万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Python零基础到入门 💙	Python初学者	针对没有经过系统学习的小伙伴，核心目的就是让我们能够快速学习Python的知识以达到入门