QML嵌套页面的实现学习记录

StackView是一个QML组件,用于管理和显示多个页面。它提供了向前和向后导航的功能,可以在堆栈中推入新页面,并在不需要时将页面弹出。

ApplicationWindow {id:rootvisible: truewidth: 340height: 480title: qsTr("Stack")// 抽屉: 侧滑菜单
Drawer{id:drawerwidth:parent.width*0.66 // 设置抽屉的宽度为父项宽度的 0.66 倍height: parent.height // 设置抽屉的高度为父项的高度Column {anchors.fill: parent // 将列填充满父项ItemDelegate { // 第一个 ItemDelegate,用于“Profile”选项text: "Profile"width: parent.width // 将宽度设置为父项的宽度highlighted: ListView.isCurrentItem // 当前项是否被高亮显示onClicked: {stackview.push("Profile.qml") // 点击时将 "Profile.qml" 页面推送到 StackView 中drawer.close() // 关闭抽屉}}ItemDelegate { // 第二个 ItemDelegate,用于“About”选项text: "About"width: parent.width // 将宽度设置为父项的宽度highlighted: ListView.isCurrentItem // 当前项是否被高亮显示onClicked: {stackview.push("About.qml") // 点击时将 ""About.qml"" 页面推送到 StackView 中drawer.close() // 关闭抽屉}}}
}header: ToolBar { // 标题栏Material.background: Material.Orange // 标题栏的背景颜色Label { // 标题栏的标题text: stackview.currentItem.title // 显示当前页面的标题font.pixelSize: 25 // 字体像素大小anchors.centerIn: parent // 居中对齐于父项}ToolButton { // 标题栏的工具按钮text: stackview.depth > 1 ? "◀" : "☰" // 根据 StackView 的深度设置文本,大于1显示"◀",否则显示"☰"font.pixelSize: Qt.application.font.pixelSize * 1.6 // 字体像素大小onClicked: {if(stackview.depth > 1) {stackview.pop() // 当深度大于1时,返回上一页} else {drawer.open() // 否则,打开抽屉}}}
}StackView {id: stackview // 用于显示页面的 StackViewanchors.fill: parent // 填充父项initialItem: Home{} // 初始页面为 Home.qml
}}

Home.qml

import QtQuick 2.0
import QtQuick.Controls 2.3
Page {title: "Home"Label{anchors.centerIn: parenttext: "Home Screen"}
}

“About.qml”

import QtQuick 2.0
import QtQuick.Controls 2.3
Page {title: "About"Label{anchors.centerIn: parenttext: "About Screen"}
}

Profile.qml

import QtQuick 2.0
import QtQuick.Controls 2.3
Page {title: "Profile"Label{anchors.horizontalCenter: horizontalCentertext: "Profile Screen"}}

这段代码展示了一个带有侧滑菜单和标题栏的界面,在StackView中显示多个页面。
Drawer界面是一个侧滑菜单,它包含了两个ItemDelegate:Profile和About。当点击其中一个ItemDelegate时,它会通过stackview.push()方法将相应的页面推送到StackView中,并关闭Drawer。
标题栏位于Drawer之上,并包含一个Label用于显示当前页面的标题。标题栏还包含一个ToolButton,其文本基于StackView的深度设置。当StackView的深度大于1时,ToolButton文本显示为"◀",表示返回上一页;否则,文本显示为"☰",表示打开Drawer。
StackView是实际用于显示页面的部分。在上面的代码中,它设置为填充父项,并且初始页面是Home。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/787189.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

總結狹義相對論

事實上,狹義相對論統一了電磁學和力學對於速度的變換關係 參考: 陈曦<<力学讲义>> http://ithatron.phys.tsinghua.edu.cn/downloads/mechanics.pdf 陈曦<<電磁学讲义>> http://ithatron.phys.tsinghua.edu.cn/downloads/electricty_and_magnetis…

激光雷达的量产车方案

文章目录 现在的量产方案共同点与差异技术方案应用场景未来发展趋势 现在的量产方案 在量产车领域&#xff0c;半固态激光雷达技术的发展和应用是实现高级自动驾驶功能的关键技术之一。半固态激光雷达&#xff0c;与传统的固态激光雷达相比&#xff0c;其最大特点是在内部采用…

利用免费的开源AI引擎:打造企业级文档合规性智能审查平台

合同、法律文件、文档管理是企业和机构运营中不可或缺的一部分。随着文档数量的不断增加&#xff0c;传统的人工文档审查方式已经无法满足高效率和高质量的要求。文档合规性智能审查平台应运而生&#xff0c;它利用图像识别、自然语言处理等前沿技术&#xff0c;为文档审查工作…

L2-3 图着色问题

图着色问题是一个著名的NP完全问题。给定无向图G(V,E)&#xff0c;问可否用K种颜色为V中的每一个顶点分配一种颜色&#xff0c;使得不会有两个相邻顶点具有同一种颜色&#xff1f; 但本题并不是要你解决这个着色问题&#xff0c;而是对给定的一种颜色分配&#xff0c;请你判断这…

WordPress外贸建站Astra免费版教程指南(2024)

在WordPress的外贸建站主题中&#xff0c;有许多备受欢迎的主题&#xff0c;如Avada、Astra、Hello、Kadence等最佳WordPress外贸主题&#xff0c;它们都能满足建站需求并在市场上广受认可。然而&#xff0c;今天我要介绍的是一个不断颠覆建站人员思维的黑马——Astra主题。 原…

YoloV8改进策略:BackBone改进|GCNet(独家原创)|附结构图

摘要 本文使用GCNet注意力改进YoloV8,在YoloV8的主干中加入GCNet实现涨点。改进方法简单易用&#xff0c;欢迎大家使用&#xff01; 论文:《GCNet: Non-local Networks Meet Squeeze-Excitation Networks and Beyond》 非局部网络&#xff08;NLNet&#xff09;通过为每个查…

速盾:网络直播cdn不延迟吗?

随着互联网的发展&#xff0c;网络直播已经成为了人们生活中重要的一部分。无论是大型的体育赛事、音乐演唱会还是个人的游戏直播&#xff0c;都能通过网络直播平台实时传输给观众。而要实现网络直播的顺畅播放&#xff0c;CDN&#xff08;内容分发网络&#xff09;技术发挥着重…

AI推介-大语言模型LLMs论文速览(arXiv方向):2024.03.25-2024.03.31

文章目录~ 1.Gecko: Versatile Text Embeddings Distilled from Large Language Models2.Towards Greener LLMs: Bringing Energy-Efficiency to the Forefront of LLM Inference3.LUQ: Long-text Uncertainty Quantification for LLMs4.Draw-and-Understand: Leveraging Visua…

OpenHarmony实战开发-如何实现一个轻量级输入法应用。

​ 介绍 本示例使用inputMethodEngine实现一个轻量级输入法应用kikaInput&#xff0c;支持在运行OpenHarmony OS的智能终端上。 效果预览 使用说明 1.使用hdc shell aa start ability -a InputMethod -b cn.openharmony.inputmethodchoosedialog命令拉起切换输入法弹窗&…

14.Python网络通信

本章讲解如何通过Python访问互联网上的资源&#xff0c;这也是网络爬虫技 术的基础。 1 基本的网络知识 程序员在进行网络编程前&#xff0c;需要掌握基本的网络知识&#xff0c;本节会介绍 这些内容。 1.1 TCP/IP 在网络通信中会用到一些相关协议&#xff0c;其中&#xf…

nodejs的express负载均衡

我们知道nodejs是单线程的&#xff0c;在特定场合是不能利用CPU多核的优势的。一般有两种方式来解决&#xff0c;一种是利用nodejs的cluster模块创建多个子进程来处理请求以充分利用cpu的多核&#xff0c;还有一种是nodejs运行多个服务分别监听在不同的port,利用nginx创建一个u…

代码+视频,手动绘制logistic回归预测模型校准曲线(Calibration curve)(1)

校准曲线图表示的是预测值和实际值的差距&#xff0c;作为预测模型的重要部分&#xff0c;目前很多函数能绘制校准曲线。 一般分为两种&#xff0c;一种是通过Hosmer-Lemeshow检验&#xff0c;把P值分为10等分&#xff0c;求出每等分的预测值和实际值的差距. 另外一种是calibra…

JAVA8 新特性StreamAPI使用(二)

一、使用StreamAPI&#xff0c;&#xff08;基于数据模型——客户、订单和商品&#xff0c;实体关系图如下&#xff0c;客户可以有多个订单&#xff0c;是一对多的关系&#xff0c;而产品和订单的关系是多对多的&#xff09;需求如下&#xff1a; 二、Stream API思维导图 三、需…

3款必知的AI写作软件,智能写文效率高

在当今信息爆炸的时代&#xff0c;写作已经成为人们生活和工作中不可或缺的一部分。然而&#xff0c;随着人们对高效率和高质量写作需求的不断增加&#xff0c;人工智能写作软件应运而生。这些AI写作软件凭借其强大的语言处理能力和智能算法&#xff0c;为写作者们提供了全新的…

基于java的智能停车场管理系统

开发语言&#xff1a;Java 框架&#xff1a;ssm 技术&#xff1a;JSP JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclip…

STC8H8K64U 学习笔记 - PWM

STC8H8K64U 学习笔记 - PWM 环境说明引脚说明 PWM呼吸灯震动马达 乐谱 环境说明 该内容仅针对我自己学习的开发板做的笔记&#xff0c;在实际开发中需要针对目标电路板的原理图进行针对性研究。 芯片&#xff1a;STC8H8K64U烧录软件&#xff1a;stc-isp-v6.92G编码工具&#xf…

wireshark抓包之DNS协议

DNS协议 DNS协议的主要作用是将域名解析为对应的IP地址。当我们在浏览器中输入一个网址时&#xff0c;计算机需要通过DNS协议来查找该网址对应的IP地址&#xff0c;以便能够建立连接并访问目标资源。 DNS协议的工作流程大致如下&#xff1a; 用户的计算机或设备&#xff08;充…

又到清明,祝你健康珍重!Wish you health and treasure!

随着清明节的到来&#xff0c;全国各地的人们都在怀念和哀悼逝去的亲友。People around China commemorated deceased relatives and friends as theQingming Festival begins. 清明节不仅是中国的二十四节气之一&#xff0c;也是中国人缅怀逝去亲人的日子。Qingming is not on…

【力扣】45.跳跃游戏Ⅱ

45.跳跃游戏Ⅱ 给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说&#xff0c;如果你在 nums[i] 处&#xff0c;你可以跳转到任意 nums[i j] 处: 0 < j < nums[i]i j < n 返回到达 n…

wencoo个人的博客目录索引-更新

Author: wencoo Blog&#xff1a;https://wencoo.blog.csdn.net/ Date: 01/04/2024 Email: jianwen056aliyun.com Wechat&#xff1a;wencoo824 QQ&#xff1a;1419440391 Details:文章目录 目录技术交流音视频领域其他技术文章的链接opengl相关文章ffmpeg相关文章ffmpeg原理相…