Qt文档阅读笔记-Qt Quick Controls - Wearable Demo实例解析

程序运行截图如下：

这个实例主要是用qml玩界面。

main.qml文件以及wearable.qml分别是由ApplicationWindow和StatckView。这个StackView用于做导航相关的。

代码如下：

  QQC2.ApplicationWindow {id: window...header: NaviButton {id: homeButton...onClicked: stackView.pop(null)}footer: NaviButton {id: backButton...onClicked: stackView.pop()}QQC2.StackView {id: stackView...onLaunched: stackView.push(page)}}DemoMode {stackView: stackView}DemoModeIndicator {id: demoModeIndicatory: settings.demoMode ? -height : -height * 2anchors.horizontalCenter: parent.horizontalCenterheight: header.heightz: window.header.z + 1}MouseArea {enabled: settings.demoModeanchors.fill: parentonClicked: {// Stop demo mode and return to the launcher page.settings.demoMode = falsestackView.pop(null)}}}

在wearable.cpp中应用QQuickStyle的风格：

 QQuickStyle::setStyle(QStringLiteral("qrc:/qml/Style"));

在C++代码中设置QQuickStyle风格是十分灵活的，他作用于整个应用。

通过实现qml/NaviButton.qml接口完成自定义button类型。在wearable.qml中home按钮以及back按钮都是自定义的。使用properties扩展可以实现控制滑动过度的相关功能：

  QQC2.AbstractButton {id: buttonproperty int edge: Qt.TopEdgeproperty alias imageSource: image.sourcecontentItem: Image {id: image...}background: Rectangle {...}transform: Translate {Behavior on y { NumberAnimation { } }y: enabled ? 0 : edge === Qt.TopEdge ? -button.height : button.height}}

图标绑定了Qt资源文件:/icons。index.theme文件包含了icon主题的内容：

 [Icon Theme]Name=WearableComment=Qt Quick Controls 2 Wearable Demo Icon ThemeDirectories=36x36,36x36@2[36x36]Size=36Type=Fixed[36x36@2]Size=36Scale=2Type=Fixed

同样在C++里的main函数中进行设置：

QIcon::setThemeName(QStringLiteral("wearable"));

Launcher页主要是使用了PathView这个组建。

  PathView {id: circularViewsignal launched(string page)...model: ListModel {ListElement {title: qsTr("World Clock")icon: "worldclock"page: "WorldClock/WorldClockPage.qml"}...ListElement {title: qsTr("Settings")icon: "settings"page: "Settings/SettingsPage.qml"}}delegate: QQC2.RoundButton {...icon.width: 36icon.height: 36icon.name: model.icon...onClicked: {if (PathView.isCurrentItem)circularView.launched(Qt.resolvedUrl(page))elsecircularView.currentIndex = index}}...}

目前官方给出的信息中，个人觉得比较重要的就是这么多，后面将会对代码中的知识点进行分析。

Qt文档阅读笔记-Qt Quick Controls - Wearable Demo实例解析相关推荐

Qt文档阅读笔记-对JSON Save Game官方实例解析
程序运行截图如下: JSON Save Game例子展示了如何使用QJsonDocument,QJsonObject,QJsonArray保存和加载存档. 许多游戏有存储的功能,允许玩家存储保存游戏进 ...
Qt文档阅读笔记-Qt跨平台库（Qt基本库）
Qt基本库是所有Qt平台的基础分.他能在所有支持开发的平台和测试平台上跑.这些库在Qt5中已经保持源代码和二进制的兼容. 基本模块(基本库)被其他特殊模块所附加. 下面是Qt基本模块(基本库)的列表: ...
Qt文档阅读笔记-Qt Core的官方解析
Qt Core 目录 Getting Started Threading and Concurrent Programming Input/Output, Resources, Containers ...
Qt文档阅读笔记-Qt Quick 3D - Simple Example解析
程序运行截图如下: 还是动的. 官方出这篇博文的目的是如何教我们使用Qt Quick 3D去渲染简单的场景. 首先是设置其场景. 在main.qml文件中设置整个场景,导入QtQuick3D组建,用于 ...
Qt文档阅读笔记-Qt Quick Examples - Text 初步解析
目录 Hello Fonts Available Fonts Banner Img Tag Text Layout Hello Hello展示了改变字间距和动态展示.使用连续的动画,font.Lett ...
Qt文档阅读笔记-Qt对象模型及deleteLater()杂记
最近主要在撸官方的自学包.在此作下简短的笔记: Qt对象模型 Qt包含的1500个类可以分为2类 1. identify types: 2. value types: identify types: ...
Qt文档阅读笔记-Qt单元测试中模拟GUI事件
这里先提下基本概念官方的模拟GUI事件,就是调用QTest提供的函数,去模拟用户鼠标点击,用户输入等效果.从而达到模拟的功能,感觉这个功能非常的好. 如: QTest::keyClicks()主要是 ...
Qt文档阅读笔记|Qt实践| HTTPS知识点-获取某站点SSL证书
目录基本概念代码与实例基本概念这里要先介绍几个类和函数首先是QSslSocket:这个类提供了客户端和服务器之间的SSL加密socket连接.这个是基于TCP连接,可以传输加密数据,支持的协 ...
Qt文档阅读笔记|Qt工作笔记-setupUi官方解析与实例（widgets中界面与业务分离）
目录前言官方解析模拟界面与业务分离过程博主栗子前言在最开始创建Qt项目的时候,已经默认添加好了,现在来分析下,这么做有什么意义! 官方解析 void QWidget::setupUi(QW ...

Qt文档阅读笔记-Qt Quick Controls - Wearable Demo实例解析

Qt文档阅读笔记-Qt Quick Controls - Wearable Demo实例解析相关推荐

最新文章

热门文章