使用Qt Quick Controls.Material 2.0 + 简单配色

来源:互联网 发布:oppo手机数据自动打开 编辑:程序博客网 时间:2024/06/07 15:49

Qt Quick Controls 2.0

今天早上我下载了新的 NDK ,并且重装了 Qt 5.7.0,然后成功运行到 Android 上!~

10_1469513247316_Screenshot_2016-07-26-14-05-52-101.png 9_1469513247316_Screenshot_2016-07-26-14-05-49-571.png 8_1469513247316_Screenshot_2016-07-26-14-05-45-372.png 7_1469513247316_Screenshot_2016-07-26-14-05-38-161.png 6_1469513247316_Screenshot_2016-07-26-14-05-16-226.png 5_1469513247316_Screenshot_2016-07-26-14-04-35-88.png 4_1469513247316_Screenshot_2016-07-26-14-04-31-858.png 3_1469513247316_Screenshot_2016-07-26-14-04-04-63.png 2_1469513247316_Screenshot_2016-07-26-14-03-57-540.png 1_1469513247316_Screenshot_2016-07-26-14-03-46-552.png 0_1469513247315_Screenshot_2016-07-26-14-03-42-412.png

Qt 好帅~~

## 使用方法

0_1469513366016_4.png

在. pro 文件写上

QT += quickcontrols2

然后进入 main.cpp ,写上

    QQuickStyle::setStyle("Material");

0_1469513810514_7.png

然后在 qml 里引用

2_1469513366016_6.png

配色

ui配色是一个大问题啊,很多人配色都是随缘:disappointed_relieved:

接下来教两种经常配色的方法。

首先,你需要一个图,图尽量是 主色调 明显,又没有 太多干扰 的杂色,比如某某 触手的图 是可以滴,歌单专辑图 也是可以滴O(∩_∩)O

(要注意 版权 哟~)

在线配色

这里甩给大家一个网站:配色

然后大家根据自己的需要进行 操作 啦。

我一般使用 传图配色 ,因为这个比较简单。

首先 上传图片,然后人家会 自动计算主色调,然后你就 拿出来用 就可以啦

0_1469514154279_8.png

你当然也可以选择 其他颜色

这是一种简单的方法,还有一种就是使用 Photoshop 进行 选取颜色

Photoshop 选色

首先,我们先 导入图片 ,然后在 滤镜 -> 模糊 -> 高斯模糊

0_1469514335959_9.png

然后,我们依次选取:
- 比较 极端 的颜色 x2
- 比较 中立 的颜色 x2
- 这步可选,你可以选择你喜欢的颜色

然后,我们可以看到,比较 极端 的颜色就是上面那些 蓝到发紫 的颜色啦和 发白 的颜色,而 中立 的颜色就是 比较淡蓝色靠近白色蓝色

如图所示

0_1469514589563_10.png

大概就是这一片啦。

然后选完了直接就可以使用了哦

0_1469514641887_11.png

下面这张图是前几天写计算器时候用的
0_1469514872130_Screenshot_2016-07-26-14-33-26-645.png

2 0