使用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学习 第一章:基本对话框
- 使用Shiboken为C++和Qt库创建Python绑定
- Qt 5.6更新至RC版,最终版本近在咫尺
- 基于Bootstrap实现Material Design风格表单插件 附源码下载
- Qt定时器和随机数详解
- Qt实现图片移动实例(图文教程)
- Qt for Android开发实例教程
- Android Material设计中列表和卡片的创建方法解析
- 详解Android Material设计中阴影效果的实现方法
- Android应用的Material设计的布局兼容性的一些要点总结
- Android应用的Material设计中图片的相关处理指南
- 详解Android Material Design自定义动画的编写
- Angularjs material 实现搜索框功能
- QModelIndex/Role/Model介紹<二>
- Qt Model/View/Delegate浅谈 - QAbstractListModel
- Qt Model/View/Delegate浅谈 - roleNames()
- QT历程(一):与CryptoJs对应的AES加密
- 基于PyQt5的快速开发框架QFramer
- OSX下安装PyQt
- 【MaterialEditText】 Material Design 的 EditText 3ff8