Qt5官方demo解析集33——Qt Quick Examples - Window and Screen

2024-06-06 00:32
文章标签 qt 解析 window demo 33 官方 qt5 quick screen examples

本文主要是介绍Qt5官方demo解析集33——Qt Quick Examples - Window and Screen，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

本系列所有文章可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873

接上文Qt5官方demo解析集32——Qt Quick Examples - Threading


来到我们Qt Quick Examples的第二个例子了，之所以挑这个demo，主要是我们使用Qt开发界面（尤其是跨平台界面）时，本地屏幕信息与窗口调用是不可避免的课题。

这个例子便向我们展示了在QML中获取本地屏幕信息的方法。 


项目树如图，其中shared.qrc是很多QML示例共享的一些资源，包括按钮，滑块等。

此外，为了良好的跨平台，demo中添加了两种格式的图标文件(MAC支持的icns, 以及其他平台通用的png)。



程序运行如图，我们可以调用一个子窗口，以窗口化或最大化形式显示。下方是我的笔记本屏幕的一些信息，包括分辨率，像素密度，方向等等。





由于使用到图标，我们有必要将pro文件拿出来看看：

window.pro:

TEMPLATE = appQT += quick qml
SOURCES += main.cpp
RESOURCES += \window.qrc \../shared/shared.qrc
EXAMPLE_FILES = \window.qmltarget.path = $$[QT_INSTALL_EXAMPLES]/quick/window
INSTALLS += targetICON = resources/icon64.png           // 设置ICON 图标
macx: ICON = resources/icon.icns        // MAC平台额外定义图标
win32: RC_FILE = resources/window.rc


main.cpp：

#include <QtGui/QGuiApplication>            // 个人比较推荐的头文件包含方式
#include <QtQml/QQmlEngine>
#include <QtQml/QQmlComponent>
#include <QtQuick/QQuickWindow>
#include <QtCore/QUrl>
#include <QDebug>int main(int argc, char* argv[])
{QGuiApplication app(argc, argv);QQmlEngine engine;                     // 注意到在5.3以后我们大多使用QQmlApplicationEngine来加载qml文件                                                                                          // 它实际也就是封装了这里QQmlEngine + QQmlComponent，并提供了一些其他的便利函数QQmlComponent component(&engine);QQuickWindow::setDefaultAlphaBuffer(true);       // 如果我们需要应用透明窗体，需要在第一个QQuickWindow出现前设置该函数为truecomponent.loadUrl(QUrl("qrc:///window/window.qml"));if ( component.isReady() )component.create();elseqWarning() << component.errorString();return app.exec();
}


我们随着加载的顺序来看第一个qml文件

window.qml: 

import QtQuick 2.0
import QtQuick.Window 2.1
import "../shared" as SharedQtObject {                                           // 非可视化的轻量顶层对象property real defaultSpacing: 10                   // 各对象间隔property SystemPalette palette: SystemPalette { }  // SystemPalette可以很方便地提供本地化的控件样式property var controlWindow: Window {               // 主窗口width: visibilityLabel.implicitWidth * 1.2height: col.implicitHeight + defaultSpacing * 2color: palette.windowtitle: "Control Window"Column {id: colanchors.fill: parentanchors.margins: defaultSpacingspacing: defaultSpacingproperty real cellWidth: col.width / 3 - spacing     // Grid 单元格宽度Text { text: "Control the second window:" }Grid {id: gridcolumns: 3spacing: defaultSpacingwidth: parent.widthShared.Button {                  // 来自Shared 控件包的Buttonid: showButtonwidth: col.cellWidthtext: testWindow.visible ? "Hide" : "Show"onClicked: testWindow.visible = !testWindow.visible}//! [windowedCheckbox]Shared.CheckBox {                  // CheckBoxtext: "Windowed"height: showButton.heightwidth: col.cellWidthBinding on checked { value: testWindow.visibility === Window.Windowed }  // 注意Binding是一个QML类型，而不是关键字。这个语句等于Binding{target: checked; value: testWindow.visibility === Window.Windowed}。相对于checked: XXX 的属性绑定方式，这种方式更适用于var 类型的属性绑定。因此对于bool 型的checked 而言，checked: testWindow.visibility === Window.Windowed 也可行onClicked: testWindow.visibility = Window.Windowed}//! [windowedCheckbox]Shared.CheckBox {height: showButton.heightwidth: col.cellWidthtext: "Full Screen"Binding on checked { value: testWindow.visibility === Window.FullScreen }onClicked: testWindow.visibility = Window.FullScreen}Shared.Button {                // Window.AutomaticVisibility 根据所在平台调整显示方式，比如在Windows 上为窗口，Android 则为全屏id: autoButtonwidth: col.cellWidthtext: "Automatic"onClicked: testWindow.visibility = Window.AutomaticVisibility}Shared.CheckBox {height: autoButton.heighttext: "Minimized"Binding on checked { value: testWindow.visibility === Window.Minimized }onClicked: testWindow.visibility = Window.Minimized}Shared.CheckBox {height: autoButton.heighttext: "Maximized"Binding on checked { value: testWindow.visibility === Window.Maximized }onClicked: testWindow.visibility = Window.Maximized}}function visibilityToString(v) {          // 状态转换String 函数switch (v) {case Window.Windowed:return "windowed";case Window.Minimized:return "minimized";case Window.Maximized:return "maximized";case Window.FullScreen:return "fullscreen";case Window.AutomaticVisibility:return "automatic";case Window.Hidden:return "hidden";}return "unknown";}Text {id: visibilityLabeltext: "second window is " + (testWindow.visible ? "visible" : "invisible") +" and has visibility " + parent.visibilityToString(testWindow.visibility)}Rectangle {id: horizontalRulecolor: "black"width: parent.widthheight: 1}ScreenInfo { }               // 屏幕信息获取，实现代码在下方}}              // !controlWindowproperty var testWindow: Window {             // 子窗口width: 320height: 240color: "#215400"              // 窗口背景色，但我们看到的颜色只在周围一圈，是因为中间为Rectangle，那一圈为间隔defaultSpacingtitle: "Test Window with color " + colorflags: Qt.Window | Qt.WindowFullscreenButtonHintRectangle {anchors.fill: parentanchors.margins: defaultSpacing         // 矩形与窗口间隔Text {anchors.centerIn: parenttext: "Second Window"}MouseArea {                                 // 点击切换颜色anchors.fill: parentonClicked: testWindow.color = "#e0c31e"}Shared.Button {anchors.right: parent.rightanchors.top: parent.topanchors.margins: defaultSpacingtext: testWindow.visibility === Window.FullScreen ? "exit fullscreen" : "go fullscreen"width: 150onClicked: {if (testWindow.visibility === Window.FullScreen)testWindow.visibility = Window.AutomaticVisibilityelsetestWindow.visibility = Window.FullScreen}}Shared.Button {anchors.left: parent.leftanchors.top: parent.topanchors.margins: defaultSpacingtext: "X"width: 30onClicked: testWindow.visible = false             // 窗口隐藏}}}            // !testWindowproperty var splashWindow: Splash {            // 启动窗口onTimeout: controlWindow.visible = true         // 自定义信号处理函数，显示主窗口}
}


为了在QML获取屏幕信息，Qt为我们提供了Screen类型，它可以作为其他可视的QML类型的附加对象，指向该对象所显示的设备：

ScreenInfo.qml: 

import QtQuick 2.1
import QtQuick.Window 2.1Item {id: rootwidth: 400height: propertyGrid.implicitHeight + 16function orientationToString(o) {             // 状态转string 函数switch (o) {case Qt.PrimaryOrientation:return "primary";case Qt.PortraitOrientation:return "portrait";case Qt.LandscapeOrientation:return "landscape";case Qt.InvertedPortraitOrientation:return "inverted portrait";case Qt.InvertedLandscapeOrientation:return "inverted landscape";}return "unknown";}Grid {id: propertyGridcolumns: 2spacing: 8x: spacingy: spacing//! [screen]Text {text: "Screen \"" + Screen.name + "\":"      // 显示设备名称font.bold: true}Item { width: 1; height: 1 }                     // 设备名称右方的占位器Text { text: "dimensions" }                        // 分辨率Text { text: Screen.width + "x" + Screen.height }    Text { text: "pixel density" }                     // 像素密度Text { text: Screen.pixelDensity.toFixed(2) + " dots/mm (" + (Screen.pixelDensity * 25.4).toFixed(2) + " dots/inch)" }Text { text: "logical pixel density" }             // 逻辑像素密度Text { text: Screen.logicalPixelDensity.toFixed(2) + " dots/mm (" + (Screen.logicalPixelDensity * 25.4).toFixed(2) + " dots/inch)" }Text { text: "available virtual desktop" }         // 可用虚拟桌面，比分辨率的高度少了30 是因为Windows底下的状态栏Text { text: Screen.desktopAvailableWidth + "x" + Screen.desktopAvailableHeight }Text { text: "orientation" }                       // 屏幕方向Text { text: orientationToString(Screen.orientation) + " (" + Screen.orientation + ")" }Text { text: "primary orientation" }               // 优先方向Text { text: orientationToString(Screen.primaryOrientation) + " (" + Screen.primaryOrientation + ")" }//! [screen]}
}


最后是启动画面的实现

Splash.qml: 

import QtQuick 2.0
import QtQuick.Window 2.1//! [splash-properties]
Window {id: splashcolor: "transparent"title: "Splash Window"modality: Qt.ApplicationModal           // 应用窗口模式flags: Qt.SplashScreen                  // 启动画面property int timeoutInterval: 2000signal timeout                               // 自定义溢出信号
//! [splash-properties]
//! [screen-properties]x: (Screen.width - splashImage.width) / 2       // 居中y: (Screen.height - splashImage.height) / 2
//! [screen-properties]width: splashImage.width                 // 窗口大小与图片大小一致height: splashImage.heightImage {id: splashImagesource: "../shared/images/qt-logo.png"MouseArea {anchors.fill: parentonClicked: Qt.quit()           // 点击退出}}//! [timer]Timer {interval: timeoutInterval; running: true; repeat: falseonTriggered: {visible = false         // 2秒后隐藏，并发出timeout信号，以显示主窗口splash.timeout()}}//! [timer]Component.onCompleted: visible = true
}



这篇关于Qt5官方demo解析集33——Qt Quick Examples - Window and Screen的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1034607。

相关文章

PostgreSQL的扩展dict_int应用案例解析

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法
阅读更多...
Qt QCustomPlot库简介(最新推荐)

Qt QCustomPlot库简介(最新推荐)

《QtQCustomPlot库简介(最新推荐)》QCustomPlot是一款基于Qt的高性能C++绘图库,专为二维数据可视化设计,它具有轻量级、实时处理百万级数据和多图层支持等特点,适用于科学计算、... 目录核心特性概览核心组件解析1.绘图核心 （QCustomPlot类）2.数据容器 (QCPDataC
阅读更多...
深度解析Java DTO(最新推荐)

深度解析Java DTO(最新推荐)

《深度解析JavaDTO(最新推荐)》DTO（DataTransferObject）是一种用于在不同层（如Controller层、Service层）之间传输数据的对象设计模式,其核心目的是封装数据,... 目录一、什么是DTO？DTO的核心特点：二、为什么需要DTO？（对比Entity）三、实际应用场景解析
阅读更多...
深度解析Java项目中包和包之间的联系

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次，点赞13次，收藏8次。本文详细介绍了Java分层架构中的几个关键包：DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1
阅读更多...
Java中的雪花算法Snowflake解析与实践技巧

Java中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.
阅读更多...
使用Python绘制3D堆叠条形图全解析

使用Python绘制3D堆叠条形图全解析

《使用Python绘制3D堆叠条形图全解析》在数据可视化的工具箱里,3D图表总能带来眼前一亮的效果,本文就来和大家聊聊如何使用Python实现绘制3D堆叠条形图,感兴趣的小伙伴可以了解下... 目录为什么选择 3D 堆叠条形图代码实现：从数据到 3D 世界的搭建核心代码逐行解析细节优化应用场景：3D 堆叠图
阅读更多...
深度解析Python装饰器常见用法与进阶技巧

深度解析Python装饰器常见用法与进阶技巧

《深度解析Python装饰器常见用法与进阶技巧》Python装饰器（Decorator）是提升代码可读性与复用性的强大工具,本文将深入解析Python装饰器的原理,常见用法,进阶技巧与最佳实践,希望可... 目录装饰器的基本原理函数装饰器的常见用法带参数的装饰器类装饰器与方法装饰器装饰器的嵌套与组合进阶技巧
阅读更多...
解析C++11 static_assert及与Boost库的关联从入门到精通

解析C++11 static_assert及与Boost库的关联从入门到精通

《解析C++11static_assert及与Boost库的关联从入门到精通》static_assert是C++中强大的编译时验证工具,它能够在编译阶段拦截不符合预期的类型或值,增强代码的健壮性,通... 目录一、背景知识：传统断言方法的局限性1.1 assert宏1.2 #error指令1.3 第三方解决
阅读更多...
全面解析MySQL索引长度限制问题与解决方案

全面解析MySQL索引长度限制问题与解决方案

《全面解析MySQL索引长度限制问题与解决方案》MySQL对索引长度设限是为了保持高效的数据检索性能,这个限制不是MySQL的缺陷,而是数据库设计中的权衡结果,下面我们就来看看如何解决这一问题吧... 目录引言：为什么会有索引键长度问题？一、问题根源深度解析mysql索引长度限制原理实际场景示例二、五大解决
阅读更多...
深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

《深度解析SpringBoot拦截器Interceptor与过滤器Filter的区别与实战指南》本文深度解析SpringBoot中拦截器与过滤器的区别,涵盖执行顺序、依赖关系、异常处理等核心差异,并... 目录Spring Boot拦截器（Interceptor）与过滤器（Filter）深度解析：区别、实现
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2