Qt Quick

QML官方系列教程——Use Case - Style And Theme Support

偶尔善良 提交于 2019-11-30 03:44:15
附网址:http://qt-project.org/doc/qt-5/qtquick-usecase-styling.html Use Case - Style And Theme Support—— 用例 - 风格和主题支持 Qt Quick 模块提供的类型并不能独立地覆盖用户界面所需要的所有组件。一个常见的做法是通过 Qt Quick 的基本模块开发一套自定义样式的用户界面组件。通过可复用组件我们很容易做到这一点。 通过使用可复用组件的方式,你可以定义该组件在程序中需要呈现的外观,并直接为它设计一个风格。然后你可以使用它来代替那些没有风格的类型。例如,你可以创建一个MyText.qml,假设它的属性已经被你明确设置好,然后你就可以使用MyText来代替你的应用程序中的所有Text。 Example Themed Text —— 主题文本示例 Button Definition import QtQuick 2.0 Text { color: "lightsteelblue" font { family: 'Courier'; pixelSize: 20; bold: true; capitalization: Font.SmallCaps } } · Using the Text Column { spacing: 20 MyText { text: 'I am the

qml 皮肤(一)使用系统自带的Style

做~自己de王妃 提交于 2019-11-30 03:44:12
之前使用qml的时候总是觉得界面风格设置特别费劲,最近查了一下文档,感觉Qt Quick Controls 2里设置的方法还是不错的。 1.Qt Quick Controls 2 自带一系列的style,如下图所示:Default Style、Material Style、Universal Style 2.配置方法 qml 里添加: (对应版本可以自行查询文档,Qt5.9是2.2版本) import QtQuick.Controls 2.2 c++里添加: #include <QtQuickControls2> pro文件中追加 QT += quickcontrols2 3.使用方法 官方也给出了几种方式: c++: QQuickStyle::setStyle("Material"); 命令行: ./app -style material 环境变量: QT_QUICK_CONTROLS_STYLE=universal ./app 配置文件: /qtquickcontrols2.conf 我个人觉得配置文件的方式比较方便一些,这个在创建Qt Quick Controls 2工程时会自动添加进来 其中,[Controls] 中Style=Material 就是设置系统风格,以Material 为例,具体属性如下: accent : color background : color

Qt程序各个平台打包发布及安装程序大全

夙愿已清 提交于 2019-11-30 02:30:00
本文链接:https://blog.csdn.net/zhengtianzuo06/article/details/78468111 通用: 1.准备图标 图标可以直接使用一般格式的图片制作, 比如jpg, png等 推荐使用Photoshop制作原始图 推荐使用IconWorkshop制作图标, 非常的方便 Windows和Linux的程序图标, 制作ico格式图标 MacOS制作icns格式图标 Android和IOS直接使用Png 2.准备License文件, readme说明等 程序发布: 1.Windows: 准备程序版权版本等信息 Qt中图标及版本信息的设置, 可以参考我之前的发布项目例子 QmlVersionInfo Release编译: 选择项目 选择Release编译 生成好的目录 清除多余的中间文件 qt提供了专门的部署工具, windeployqt: Usage: windeployqt [options] [files] Qt Deploy Tool 5.9.0 The simplest way to use windeployqt is to add the bin directory of your Qt installation (e.g. <QT_DIR\bin>) to the PATH variable and then run:

Qt程序打包发布方法(使用官方提供的windeployqt工具)

丶灬走出姿态 提交于 2019-11-29 22:03:35
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/toTheUnknown/article/details/81748179 如果使用到了Qt Quick,打包的命令记得要增加“--qmldir (加上Qt安装路径中QML文件夹的位置)”,如“windeployqt (exe文件名称) --qmldir D:\Qt\Qt5.9.6\5.9.6\mingw53_32\qml”。 如果还是不行,则打包后还要将“mingw53_32\bin”中的“Qt5Core.dll”复制并替换掉打包文件夹(需要打包的exe文件所在目录)中的“Qt5Core.dll”。本人使用的是Qt 5.9.6,可行。 ———————————————— 版权声明:本文为CSDN博主「toTheUnknown」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/toTheUnknown/article/details/81748179 来源: https://my.oschina.net/u/4000302/blog/3107243

解决 qml 发布程序 module "QtQuick.Window" is not installed问题

♀尐吖头ヾ 提交于 2019-11-29 21:43:13
qt 发布程序采用windeployqt 程序打包( 不会使用windeplyqt的同学请自行百度)将所有依赖的dll库拷贝到运用程序所在的文件目录下,这时正常的QT 应用程序 就可以拷贝到另外的电脑运行了,没有问题。 但是 在编写QT QML 程序上,完成上述步骤之后,软件运行时提示module "QtQuick.Window" is not installed 这个错误问题。百度了很多解决方案都说要 采用这样的 export QML2_IMPORT_PATH=$QTDIR/qml方式解决,尝试之后,并没有解决问题,我在想是不是因为少了哪些一来库导致,于是把qt 安装目录下的qml目录拷贝到 运行目录下。 问题解决,特此记录!!! ———————————————— 版权声明:本文为CSDN博主「jiejieaiai」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/jiejieaiai/article/details/88928102 你解决办法不对。windeployqt 能自动解析qml文件把qml目录中依赖项目复制过来,并不是整个qml目录你都需要。你需要把工程中用到的qml文件复制到某个文件夹 然后用 --qmldir 参数指定那个目录。 windeployqt.exe -

Add support for Android 9-patch images in BorderImage

烂漫一生 提交于 2019-11-29 21:32:08
The 9-patch image implementation in Qt Quick Controls 1 is an internal implementation detail of the Android style. It cannot handle .9.png image files out of the box, but takes a normal image without borders and the border information separately (as it was provided by the Ministro style assets). http://code.qt.io/cgit/qt/qtquickcontrols.git/tree/src/controls/Styles/Android/qquickandroid9patch_p.h http://code.qt.io/cgit/qt/qtquickcontrols.git/tree/src/controls/Styles/Android/qquickandroid9patch.cpp The existing implementation could serve as a fine starting point for implementing a proper

qml 皮肤(一)使用系统自带的Style

孤街浪徒 提交于 2019-11-29 18:18:02
之前使用qml的时候总是觉得界面风格设置特别费劲,最近查了一下文档,感觉Qt Quick Controls 2里设置的方法还是不错的。 1.Qt Quick Controls 2 自带一系列的style,如下图所示:Default Style、Material Style、Universal Style 2.配置方法 qml 里添加: (对应版本可以自行查询文档,Qt5.9是2.2版本) import QtQuick.Controls 2.2 c++里添加: #include <QtQuickControls2> pro文件中追加 QT += quickcontrols2 3.使用方法 官方也给出了几种方式: c++: QQuickStyle::setStyle("Material"); 命令行: ./app -style material 环境变量: QT_QUICK_CONTROLS_STYLE=universal ./app 配置文件: /qtquickcontrols2.conf 我个人觉得配置文件的方式比较方便一些,这个在创建Qt Quick Controls 2工程时会自动添加进来 其中,[Controls] 中Style=Material 就是设置系统风格,以Material 为例,具体属性如下: accent : color background : color

QML官方系列教程——QML Applications

不打扰是莪最后的温柔 提交于 2019-11-29 18:17:52
附网址: http://qt-project.org/doc/qt-5/qmlapplications.html 假设你对Qt的官方demo感兴趣,能够參考本博客的另一个系列 Qt5官方demo解析集 每一个绿色字体均是一篇博文连接。请收藏本文,本文会持续更新 。 QML Applications —— QML应用程序 QML是一种声明式语言。它提供了一组接口用来描写叙述可视化组件以及他们之间的互动。它是一个高度可读的语言,而且被设计成使组件以一个动态的方式相互连接。同一时候它使组件非常easy被复用以及创建定制的用户界面。使用QtQuick模块,设计者和开发人员能够非常easy使用QML建立带有流畅动画的用户界面,并将这些界面连接到后端的C++库上面。 What is QML? QML是一个用户接口规范和编程语言。 它同意开发人员和设计者创建高性能的。流畅的动画和视觉效果的应用。QML提供了一个高度可读的。声明式的,相似JSON语法的。并支持与JavaScript表达式相结合来达到动态属性的绑定。 Qt QML 版块具体介绍了QML语言及其基础,关于QML语言深入的信息,请參阅 Qt QML 版块文档。 下面页面包括很多其它QML信息: First Steps with QML —— 随着这些样例開始使用QML The QML Reference —— QML结构和功能參考

Qt Mac OS、iOS和X11的Retina显示支持

若如初见. 提交于 2019-11-29 00:50:24
Qt 5.0中添加了对于retina显示的基本支持。即将到来的Qt 5.1中提供了新的API和缺陷修复,对于这一问题进行了改进。Qt 4.8也获得了良好的支持,我们 反向移植 了一些Qt 5的补丁。 尽管这些实现的努力和Mac以及iOS程序员最为相关,但是来看一看其它平台是如何处理高DPI显示这一问题,也是很有趣的。这里主要有两种方式: 基于DPI缩放—— Win32 GDI 和 KDE 。在这种方式中,应用程序在全物理设备分辨率下工作,使用系统提供的一个DPI设定或者缩放因子,用于缩放布局。字体通常会被操作系统自动缩放(只要您使用点数(point)而不是像素(pixel)来指定字体大小) 另一种意义的像素。在这种方式中,应用程序并不知道物理解析度(在任何程度上)。物理像素被逻辑像素替代: 平台/API 逻辑的 物理的 HTML CSS像素 设备像素 Apple 点 像素 Android 密度无关像素(dp) (屏幕)像素 Direct2D 设备无关像素(DIP) 物理像素 Qt(过去) 像素 像素 Qt(现在) 设备无关像素 设备像素 在历史上,Qt已经支持基于DPI缩放的物理像素这一方式。在2009年时,对于Windows上的高DPI值的支持已经有所 改进 。Qt布局对于增加的DPI并没有考虑。现在Qt 5添加了对于“新增像素”这一缩放类型的支持。 (还有其它的高DPI实现么

QML官方系列教程——Use Case

倖福魔咒の 提交于 2019-11-28 18:16:30
附网址:http://qt-project.org/doc/qt-5/qtquick-usecase-styling.html Use Case - Style And Theme Support—— 用例 - 风格和主题支持 Qt Quick 模块提供的类型并不能独立地覆盖用户界面所需要的所有组件。一个常见的做法是通过 Qt Quick 的基本模块开发一套自定义样式的用户界面组件。通过可复用组件我们很容易做到这一点。 通过使用可复用组件的方式,你可以定义该组件在程序中需要呈现的外观,并直接为它设计一个风格。然后你可以使用它来代替那些没有风格的类型。例如,你可以创建一个MyText.qml,假设它的属性已经被你明确设置好,然后你就可以使用MyText来代替你的应用程序中的所有Text。 Example Themed Text —— 主题文本示例 Button Definition import QtQuick 2.0 Text { color: "lightsteelblue" font { family: 'Courier'; pixelSize: 20; bold: true; capitalization: Font.SmallCaps } } · Using the Text Column { spacing: 20 MyText { text: 'I am the