【原创】高仿360安全卫士 9.2 界面 (纯qml实现)

[sssooonnnggg]

之前有网友用Qt实现了高仿360界面，这里我提供另一种思路：通过 qml 来实现高仿 360 界面。

窗口中的全部界面元素，包括工具栏，最小化、关闭等按钮，下面的stackwidget全部交给qml来绘制，逻辑的部分可以交给c++来处理。

通过qml可以很方便的实现各种动画效果，而且修改qml文件不需要重新编译，换肤功能应该也可以很简单的实现出来。

我没有找到用qml实现窗口阴影的方法，所以窗口阴影还是通过覆盖QWidget的paint函数画九宫格的办法来实现的。

效果图：



编译环境：Qt Creator
Qt版本：4.8.4

编译时需要将qml目录放在debug或release目录下

可执行文件：
http://download.csdn.net/detail/sssooonnnggg/6395669

[sssooonnnggg]

源码： http://download.csdn.net/detail/sssooonnnggg/6395823

[sssooonnnggg]

引用 3 楼 FEI17N 的回复:

群里面看到你的这个东西 赞一个 加油啊

感谢兄弟支持~

[jyd30]

顶一个，我这里不能运行呢？

[圆圆胖胖的车车]

为什么你们都热衷模仿360啊。。。

[圆圆胖胖的车车]

楼主，写一下你做了哪些特效，有哪些功能， 1 ， 2， 3 ， 4这样写一下：）

[sssooonnnggg]

引用 6 楼 allencui0313 的回复:

为什么你们都热衷模仿360啊。。。

不止360，大多数工具软件基本都是这个外观，比如金山卫士，好压什么的，上边一排大按钮，下面是个stackwidget，仿360只是因为它的图片资源没加密，比较容易提取出来而已

[sssooonnnggg]

引用 7 楼 allencui0313 的回复:

楼主，写一下你做了哪些特效，有哪些功能， 1 ， 2， 3 ， 4这样写一下：）

这个只是个用qml写ui的一个例子，效果不多： 1、鼠标滑过工具栏是背景有一个渐变的效果 2、下面的stackwidget可以通过工具栏来切换，切换时有一个飞入的效果，类似于qt demos的那种 3、窗口边框阴影、窗口拖动、最小化、关闭等基本效果

[sssooonnnggg]

引用 10 楼 jyd30 的回复:

顶一个，我这里不能运行呢？

我编译环境是4.8.4，还有就是看看图片及qml文件路径对不

[sssooonnnggg]

准备更新下。。

[kobe24lmlps]

你这个demo运行时，界面边框有灰色阴影啊，只有当鼠标点击界面后，界面才会正常，这个问题你现在解决了吗？

[寒山-居士]

有人知道qml的图片如何设置灰色么？比如QQ头像一样 如果一个人不在线的话 好像是灰色的头像

[ayidream]

我是JD的开发，需要开发QT的程序，遇到一些问题，能QQ沟通一下吗，82678923。

[雲天之巔]

编译时需要将qml目录放在debug或release目录下 加到资源文件不就好了么

[bluegem218]

不错！不过360界面不好看。

[酣酣]

神人！ 不是一般的神人！

[qq_23464895]

为什么我的运行后是一片空白，显示的qml目录下面没有images文件夹，所以运行不出来图片吧……但是不知道怎么办了……求师傅解答……谢谢

[1987andy]

在UI构建上，QML跟WPF一样都很强大

[战神无悔]

引用 19 楼 qq_23464895 的回复:

为什么我的运行后是一片空白，显示的qml目录下面没有images文件夹，所以运行不出来图片吧……但是不知道怎么办了……求师傅解答……谢谢

引用 19 楼 qq_23464895 的回复:

为什么我的运行后是一片空白，显示的qml目录下面没有images文件夹，所以运行不出来图片吧……但是不知道怎么办了……求师傅解答……谢谢

同问，我的也是运行出来一个空白的矩形。qml文件夹按照楼主说的放置了，还是不行

[画茧自缚]

好东西，赞一个

[wanglovec]

不错， 谢谢分享