您的位置:首页 > 产品设计 > UI/UE

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

2016-07-26 14:38 435 查看

Qt Quick Controls 2.0

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























Qt 好帅~~

## 使用方法



在. pro 文件写上

QT += quickcontrols2


然后进入 main.cpp ,写上

QQuickStyle::setStyle("Material");




然后在 qml 里引用



配色

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

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

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

(要注意 版权 哟~)

在线配色

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

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

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

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



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

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

Photoshop 选色

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



然后,我们依次选取:

- 比较 极端 的颜色 x2

- 比较 中立 的颜色 x2

- 这步可选,你可以选择你喜欢的颜色

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

如图所示



大概就是这一片啦。

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



下面这张图是前几天写计算器时候用的

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  qt material qt-quick