现代化QML组件开发教程

现代化QML组件开发教程

目录

  1. QML基础介绍
  2. QML项目结构
  3. 基本组件详解
  4. 自定义组件开发
  5. 状态与过渡
  6. 高级主题
  7. 最佳实践

QML基础介绍

什么是QML

QML (Qt Meta Language) 是一种声明式语言，专为用户界面设计而创建。它是Qt框架的一部分，让开发者能够创建流畅、动态的用户界面。QML与JavaScript紧密集成，这使得它既能以声明式方式描述UI元素，又能执行命令式逻辑。

QML vs 传统UI开发

相比传统的C++或其他语言UI开发，QML提供了更简洁、更直观的语法：

// 基本QML文件示例
import QtQuick 2.15
import QtQuick.Controls 2.15Rectangle {width: 300height: 200color: "lightblue"Text {anchors.centerIn: parenttext: "Hello, Modern QML!"font.pixelSize: 24}Button {anchors.bottom: parent.bottomanchors.horizontalCenter: parent.horizontalCentertext: "Click Me"onClicked: console.log("Button clicked!")}
}

设置开发环境

开始QML开发需要安装Qt框架和Qt Creator IDE。

  1. 访问Qt官网下载并安装Qt框架
  2. 安装过程中选择最新的Qt版本和Qt Creator
  3. 安装完成后，启动Qt Creator并创建一个新的Qt Quick应用程序

QML项目结构

典型项目文件结构

my-qml-app/
├── qml/
│   ├── main.qml          # 应用程序入口QML文件
│   ├── components/       # 自定义组件目录
│   │   ├── MyButton.qml
│   │   └── MyHeader.qml
│   ├── views/           # 各个视图页面
│   │   ├── HomeView.qml
│   │   └── SettingsView.qml
│   └── styles/          # 样式相关文件
│       └── Style.qml
├── resources/           # 资源文件
│   ├── images/
│   └── fonts/
├── src/                 # C++源代码
│   ├── main.cpp
│   └── backend/
├── CMakeLists.txt       # CMake构建文件
└── qml.qrc              # QML资源文件

资源管理

在现代QML应用中，资源通常通过Qt资源系统(.qrc文件)进行管理：

<RCC><qresource prefix="/"><file>qml/main.qml</file><file>qml/components/MyButton.qml</file><file>resources/images/logo.png</file></qresource>
</RCC>

基本组件详解

Item

Item是QML中最基本的视觉元素，它是所有视觉QML元素的基类。不渲染任何内容，但提供了位置、大小等基本属性。

Item {id: rootwidth: 100height: 100// 定位系统x: 50y: 50// 或使用锚点系统anchors.left: parent.leftanchors.top: parent.top
}

Rectangle

矩形是最常用的基本形状组件，可用于创建背景、卡片等。

Rectangle {width: 200height: 150color: "steelblue"radius: 10  // 圆角半径border.width: 2border.color: "darkblue"// 渐变背景gradient: Gradient {GradientStop { position: 0.0; color: "lightsteelblue" }GradientStop { position: 1.0; color: "steelblue" }}
}

Text

用于显示文本内容。

Text {text: "Modern QML Text"font.family: "Arial"font.pixelSize: 16color: "darkblue"// 文本对齐horizontalAlignment: Text.AlignHCenterverticalAlignment: Text.AlignVCenter// 文本换行wrapMode: Text.Wrapwidth: 200// 字体样式font.bold: truefont.italic: true// 文本阴影style: Text.RaisedstyleColor: "#80000000"
}

Image

用于显示图像。

Image {source: "qrc:/resources/images/logo.png"  // 从资源文件加载// 或从网络加载// source: "https://example.com/image.jpg"width: 200height: 150// 缩放模式fillMode: Image.PreserveAspectFit// 图片加载状态处理onStatusChanged: {if (status === Image.Ready) {console.log("Image loaded successfully")} else if (status === Image.Error) {console.log("Error loading image")}}
}

MouseArea

让元素能够响应鼠标事件。

Rectangle {width: 100height: 100color: mouseArea.pressed ? "darkred" : "red"MouseArea {id: mouseAreaanchors.fill: parent  // 填充父元素onClicked: console.log("Clicked!")onDoubleClicked: console.log("Double clicked!")hoverEnabled: trueonEntered: parent.color = "orange"onExited: parent.color = "red"}
}

QtQuick.Controls 2 组件

现代QML应用通常使用QtQuick Controls 2提供的控件，这些控件有更好的性能和样式定制能力。

import QtQuick 2.15
import QtQuick.Controls 2.15Column {spacing: 10Button {text: "Modern Button"onClicked: console.log("Button clicked")}Switch {text: "Enable feature"checked: trueonCheckedChanged: console.log("Switch state:", checked)}Slider {from: 0to: 100value: 50onValueChanged: console.log("Slider value:", value)}ComboBox {model: ["Option 1", "Option 2", "Option 3"]onCurrentIndexChanged: console.log("Selected:", currentIndex)}
}

自定义组件开发

创建自定义组件

在QML中，每个.qml文件都可以成为一个可重用的组件。

例如，创建一个自定义按钮组件 MyButton.qml：

// MyButton.qml
import QtQuick 2.15Rectangle {id: root// 导出的属性property string text: "Button"property color buttonColor: "steelblue"property color textColor: "white"property color hoverColor: Qt.lighter(buttonColor, 1.2)property color pressColor: Qt.darker(buttonColor, 1.2)// 导出的信号signal clickedwidth: buttonText.width + 40height: buttonText.height + 20color: mouseArea.pressed ? pressColor : mouseArea.containsMouse ? hoverColor : buttonColorradius: 5// 过渡动画Behavior on color {ColorAnimation { duration: 150 }}Text {id: buttonTextanchors.centerIn: parenttext: root.textcolor: root.textColorfont.pixelSize: 14}MouseArea {id: mouseAreaanchors.fill: parenthoverEnabled: trueonClicked: root.clicked()}
}

使用自定义组件

import QtQuick 2.15
import "./components"  // 导入组件目录Item {width: 300height: 200MyButton {anchors.centerIn: parenttext: "Custom Button"buttonColor: "forestgreen"onClicked: console.log("Custom button clicked!")}
}

组件封装和重用

为了更好的可维护性，可以创建组件库。

例如，创建一个卡片组件 Card.qml：

import QtQuick 2.15
import QtQuick.Layouts 1.15Rectangle {id: rootproperty string title: "Card Title"property alias content: contentContainer.childrenwidth: 300height: contentColumn.height + 20color: "white"radius: 8// 卡片阴影layer.enabled: truelayer.effect: DropShadow {transparentBorder: truehorizontalOffset: 2verticalOffset: 2radius: 8.0samples: 17color: "#30000000"}ColumnLayout {id: contentColumnanchors.fill: parentanchors.margins: 10spacing: 10Text {text: root.titlefont.bold: truefont.pixelSize: 16Layout.fillWidth: true}Rectangle {height: 1color: "#20000000"Layout.fillWidth: true}Item {id: contentContainerLayout.fillWidth: trueLayout.preferredHeight: childrenRect.height}}
}

使用这个卡片组件：

Card {title: "User Profile"content: Column {spacing: 5width: parent.widthText { text: "Name: John Doe" }Text { text: "Email: john@example.com" }MyButton {text: "Edit Profile"onClicked: console.log("Edit profile")}}
}

状态与过渡

状态管理

QML提供了强大的状态管理系统。

Rectangle {id: rectwidth: 100height: 100color: "red"states: [State {name: "normal"PropertyChanges { target: rect; color: "red"; width: 100 }},State {name: "highlighted"PropertyChanges { target: rect; color: "blue"; width: 150 }},State {name: "pressed"PropertyChanges { target: rect; color: "green"; width: 90 }}]state: "normal"  // 默认状态MouseArea {anchors.fill: parenthoverEnabled: trueonEntered: parent.state = "highlighted"onExited: parent.state = "normal"onPressed: parent.state = "pressed"onReleased: parent.state = mouseArea.containsMouse ? "highlighted" : "normal"}
}

过渡动画

为状态变化添加平滑过渡效果。

Rectangle {// ...states 同上...transitions: [Transition {from: "*"; to: "*"  // 应用于任何状态变化ColorAnimation { duration: 300 }NumberAnimation { properties: "width"; duration: 300;easing.type: Easing.OutQuad }}]
}

属性动画

直接为属性创建动画。

Rectangle {id: rectwidth: 100height: 100color: "red"// 行为动画：当属性变化时自动应用动画Behavior on width {NumberAnimation { duration: 300; easing.type: Easing.OutBack }}Behavior on color {ColorAnimation { duration: 300 }}MouseArea {anchors.fill: parentonClicked: {rect.width = rect.width === 100 ? 200 : 100rect.color = rect.color === "red" ? "blue" : "red"}}
}

复杂的动画序列

Rectangle {id: rectwidth: 100height: 100color: "red"MouseArea {anchors.fill: parentonClicked: animation.start()}SequentialAnimation {id: animation// 串行执行的动画ColorAnimation { target: rect; property: "color"; to: "blue"; duration: 500 }NumberAnimation { target: rect; property: "width"; to: 200; duration: 500 }// 并行执行的动画ParallelAnimation {NumberAnimation { target: rect; property: "height"; to: 200; duration: 500 }RotationAnimation { target: rect; property: "rotation"; to: 360; duration: 1000 }}// 重置PauseAnimation { duration: 500 }PropertyAction { target: rect; properties: "width,height,color,rotation"; value: 100 }}
}

高级主题

使用Qt Quick Layouts

Qt Quick Layouts提供了更灵活的布局系统。

import QtQuick 2.15
import QtQuick.Layouts 1.15Item {width: 400height: 300ColumnLayout {anchors.fill: parentanchors.margins: 10spacing: 10Rectangle {color: "steelblue"Layout.fillWidth: trueLayout.preferredHeight: 50}RowLayout {Layout.fillWidth: truespacing: 10Rectangle {color: "crimson"Layout.preferredWidth: 100Layout.fillHeight: true}Rectangle {color: "forestgreen"Layout.fillWidth: trueLayout.fillHeight: true}}Rectangle {color: "goldenrod"Layout.fillWidth: trueLayout.fillHeight: true}}
}

使用ListView和模型

import QtQuick 2.15
import QtQuick.Controls 2.15ListView {width: 300height: 400clip: true  // 裁剪超出边界的内容// 使用ListModel作为数据源model: ListModel {ListElement { name: "Alice"; age: 25; role: "Developer" }ListElement { name: "Bob"; age: 32; role: "Designer" }ListElement { name: "Charlie"; age: 28; role: "Manager" }// 添加更多项...}// 使用代理定义列表项的外观delegate: Rectangle {width: ListView.view.widthheight: 60color: index % 2 === 0 ? "#f0f0f0" : "white"Column {anchors.verticalCenter: parent.verticalCenteranchors.left: parent.leftanchors.leftMargin: 10spacing: 2Text { text: name; font.bold: true }Text { text: "Age: " + age }Text { text: "Role: " + role; color: "darkgray" }}// 分隔线Rectangle {width: parent.widthheight: 1color: "#d0d0d0"anchors.bottom: parent.bottom}}// 滚动条ScrollBar.vertical: ScrollBar {}
}

使用JavaScript和后端集成

import QtQuick 2.15
import QtQuick.Controls 2.15Column {spacing: 10// JavaScript函数function calculateTotal(price, quantity) {return (price * quantity).toFixed(2);}// 本地数据存储property var productData: {"apple": { price: 1.20, stock: 50 },"banana": { price: 0.80, stock: 30 },"orange": { price: 1.50, stock: 25 }}ComboBox {id: productCombowidth: 200model: Object.keys(productData)}SpinBox {id: quantitySpinBoxfrom: 1to: productData[productCombo.currentText].stockvalue: 1}Button {text: "Calculate"onClicked: {let product = productCombo.currentText;let quantity = quantitySpinBox.value;let price = productData[product].price;resultText.text = "Total: $" + calculateTotal(price, quantity);}}Text {id: resultTextfont.pixelSize: 16}// 与C++后端交互的示例// 假设我们有一个C++类通过上下文属性暴露Button {text: "Save to Database"onClicked: {// 调用C++方法if (backend.saveOrder(productCombo.currentText, quantitySpinBox.value)) {resultText.text = "Order saved!";} else {resultText.text = "Error saving order!";}}}
}

响应式布局和自适应设计

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15Item {id: rootwidth: 600height: 400// 检测屏幕大小property bool isMobile: width < 480// 在布局变化时响应onWidthChanged: updateLayout()onHeightChanged: updateLayout()function updateLayout() {console.log("Layout updated. Width:", width, "Height:", height);// 根据屏幕大小调整布局if (isMobile) {mainLayout.flow = GridLayout.TopToBottom;sidebar.Layout.preferredWidth = root.width;sidebar.Layout.preferredHeight = 100;} else {mainLayout.flow = GridLayout.LeftToRight;sidebar.Layout.preferredWidth = 200;sidebar.Layout.fillHeight = true;}}GridLayout {id: mainLayoutanchors.fill: parentflow: GridLayout.LeftToRightRectangle {id: sidebarcolor: "lightblue"Layout.preferredWidth: 200Layout.fillHeight: trueColumn {anchors.fill: parentanchors.margins: 10spacing: 10Text { text: "Navigation"; font.bold: true }Button { text: "Home"; width: parent.width }Button { text: "Profile"; width: parent.width }Button { text: "Settings"; width: parent.width }}}Rectangle {color: "white"Layout.fillWidth: trueLayout.fillHeight: trueText {anchors.centerIn: parenttext: "Main Content Area"font.pixelSize: 20}}}// 初始化布局Component.onCompleted: updateLayout()
}

主题和样式系统

// Style.qml - 集中定义主题和样式
pragma Singleton
import QtQuick 2.15QtObject {// 颜色readonly property color primaryColor: "#2196F3"readonly property color accentColor: "#FF4081"readonly property color backgroundColor: "#F5F5F5"readonly property color textColor: "#212121"readonly property color lightTextColor: "#757575"// 字体readonly property int smallFontSize: 12readonly property int normalFontSize: 14readonly property int largeFontSize: 18readonly property int titleFontSize: 22// 间距readonly property int spacing: 8readonly property int padding: 16// 圆角readonly property int cornerRadius: 4// 阴影readonly property color shadowColor: "#30000000"readonly property int shadowRadius: 8// 组件样式函数function buttonStyle(isPressed, isHovered) {return {color: isPressed ? Qt.darker(primaryColor, 1.2) :isHovered ? Qt.lighter(primaryColor, 1.1) : primaryColor,textColor: "white"}}
}

使用主题：

import QtQuick 2.15
import "styles" as AppStyleRectangle {width: 400height: 300color: AppStyle.Style.backgroundColorColumn {anchors.centerIn: parentspacing: AppStyle.Style.spacingText {text: "Styled Application"font.pixelSize: AppStyle.Style.titleFontSizecolor: AppStyle.Style.textColor}Rectangle {width: 200height: 50radius: AppStyle.Style.cornerRadiusproperty bool isHovered: mouseArea.containsMouseproperty bool isPressed: mouseArea.pressedcolor: AppStyle.Style.buttonStyle(isPressed, isHovered).colorText {anchors.centerIn: parenttext: "Themed Button"color: AppStyle.Style.buttonStyle(parent.isPressed, parent.isHovered).textColorfont.pixelSize: AppStyle.Style.normalFontSize}MouseArea {id: mouseAreaanchors.fill: parenthoverEnabled: trueonClicked: console.log("Clicked!")}}}
}

最佳实践

性能优化技巧

  1. 使用不可见元素的可见性绑定:

    ListView {visible: model.count > 0
}

  2. 避免在高频率的处理器中使用昂贵的操作:

    // 不好的做法
Timer {interval: 16  // 约60fpsrepeat: trueonTriggered: {// 执行昂贵的计算expensiveCalculation()}
}// 更好的做法
Timer {interval: 100  // 降低频率repeat: trueonTriggered: {expensiveCalculation()}
}

  3. 使用缓存属性:

    property var cachedValue: expensiveFunction()function refreshIfNeeded() {if (needsRefresh) {cachedValue = expensiveFunction()}
}

  4. 正确使用图层:

    Rectangle {// 只有当需要特效时才启用图层layer.enabled: rotation != 0 || scale != 1layer.effect: DropShadow { ... }
}

可维护性和可扩展性

  1. 组件化设计:
    创建小型、专注的组件，每个组件只做一件事。

  2. 模块化文件结构:
    按功能组织文件，例如将共享组件放在components目录，视图放在views目录。

  3. 命名惯例:

    • 组件文件采用大驼峰命名法(如MyButton.qml)
    • 属性、函数和变量采用小驼峰命名法(如buttonColor, onClicked)
    • 使用清晰、具描述性的名称

  4. 文档化组件:
    为组件添加清晰的注释，说明其用途、属性和事件。

    /*** 自定义按钮组件* * 提供一个具有悬停和按下效果的按钮* * @property string text - 按钮上显示的文本* @property color buttonColor - 按钮背景色* @signal clicked - 点击按钮时触发*/
Rectangle {// 组件实现...
}

调试技巧

  1. 使用console.log进行调试输出:

    Component.onCompleted: {console.log("Component loaded, width:", width)
}

  2. 使用Qt Quick Inspector:
    Qt Creator包含一个用于调试QML的可视化工具。

  3. 使用属性绑定跟踪器:

    import QtQml.Debugging 1.0Rectangle {BindingTracker {property var value: parent.widthonValueChanged: console.log("Width changed to:", value)}
}

  4. 使用条件属性绑定进行调试:

    width: {var w = container.width / 2;console.log("Calculated width:", w);return w;
}

与C++集成

  1. 导出C++对象到QML:

    // C++
class Backend : public QObject
{Q_OBJECTQ_PROPERTY(QString userName READ userName WRITE setUserName NOTIFY userNameChanged)public:QString userName() const { return m_userName; }void setUserName(const QString &name) { if (m_userName != name) {m_userName = name; emit userNameChanged(); }}signals:void userNameChanged();private:QString m_userName;
};// 注册到QML
int main(int argc, char *argv[])
{QGuiApplication app(argc, argv);Backend backend;QQmlApplicationEngine engine;engine.rootContext()->setContextProperty("backend", &backend);// ...
}

    在QML中使用:

    import QtQuick 2.15Text {text: backend.userName
}

  2. 注册QML类型:

    // 注册自定义类型
qmlRegisterType<CustomType>("MyApp", 1, 0, "CustomType");

    在QML中使用:

    import MyApp 1.0CustomType {// 使用自定义类型
}

这个教程涵盖了现代QML组件开发的核心概念和最佳实践。随着你的学习深入，建议查阅Qt官方文档获取更详细的API参考和示例。祝您的QML开发之旅愉快！

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

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

相关文章

C/C++ 程序执行的主要过程

C/C++ 程序执行的主要过程

预处理&#xff08;Preprocessing&#xff09; 任务&#xff1a; 处理源代码中以 # 开头的预处理指令&#xff0c;包括&#xff1a; 头文件包含&#xff08;#include&#xff09;&#xff1a;将头文件&#xff08;如 stdio.h&#xff09;的内容直接插入到源文件中。宏替换&…
阅读更多...
时间序列预测建模的完整流程以及数据分析【学习记录】

时间序列预测建模的完整流程以及数据分析【学习记录】

文章目录 1.时间序列建模的完整流程2. 模型选取的和数据集2.1.ARIMA模型2.2.数据集介绍 3.时间序列建模3.1.数据获取3.2.处理数据中的异常值3.2.1.Nan值3.2.2.异常值的检测和处理&#xff08;Z-Score方法&#xff09; 3.3.离散度3.4.Z-Score3.4.1.概述3.4.2.公式3.4.3.Z-Score与…
阅读更多...
ValueError: Caught ValueError in DataLoader worker process 0.

ValueError: Caught ValueError in DataLoader worker process 0.

参考链接&#xff1a; https://stackoverflow.com/questions/1841565/valueerror-invalid-literal-for-int-with-base-10 它提示我有个地方值错误空字符 果然因为格式处理没有传进去东西&#xff0c;找下原因&#xff0c;让它正常处理 原来是相对路径的.影响了程序运行 将v…
阅读更多...
JavaScript性能优化实战,从理论到落地的全面指南

JavaScript性能优化实战,从理论到落地的全面指南

在前端开发领域&#xff0c;JavaScript的性能优化是提升用户体验的核心环节。随着Web应用复杂度的提升&#xff0c;开发者面临的性能瓶颈也日益多样化。本文将从理论分析、代码实践和工具使用三个维度&#xff0c;系统性地讲解JavaScript性能优化的实战技巧&#xff0c;并通过大…
阅读更多...
SQL、Oracle 和 SQL Server 的比较与分析

SQL、Oracle 和 SQL Server 的比较与分析

SQL、Oracle 和 SQL Server 的比较与分析 一、基础概念 1. SQL (Structured Query Language) 定义&#xff1a;结构化查询语言&#xff0c;用于管理关系型数据库的标准语言类型&#xff1a; DDL (数据定义语言)&#xff1a;CREATE, ALTER, DROPDML (数据操作语言)&#xff1…
阅读更多...
Telnet 类图解析

Telnet 类图解析

Telnet 类图&#xff08;文本描述&#xff09; --------------------------------------- | Telnet | --------------------------------------- | - host: str | # 目标主机 | - port: int …
阅读更多...
Ansible安装与核心模块实战指南

Ansible安装与核心模块实战指南

Ansible安装与核心模块实战指南 自动化运维入门：从安装到模块化任务配置 Ansible作为一款无代理自动化工具，通过模块化设计实现高效管理，尤其适用于快速部署、配置和维护大规模系统。本文将从安装、核心模块使用到实际案例，全面解析其核心功能与最佳实践。 一、Ansible安装…
阅读更多...
VLLM推理大模型显存不够后，导致程序引擎崩溃的调优方案尝试

VLLM推理大模型显存不够后，导致程序引擎崩溃的调优方案尝试

背景介绍 硬件 A800 80G模型 chat-glm4-9b-128K环境 生产正常显存占用情况 glm4 占用32GB 其他显存工占用38GB左右 总共剩余10GB。 问题描述 推理时报错日志&#xff0c;由于内网环境无法拿出日志&#xff0c;与下面的类似。 File "/data/miniconda3_new/envs/vllm-new…
阅读更多...
【Nacos】env NACOS_AUTH_IDENTITY_KEY must be set.

【Nacos】env NACOS_AUTH_IDENTITY_KEY must be set.

【Nacos】env NACOS_AUTH_IDENTITY_KEY must be set. 问题描述 env NACOS_AUTH_IDENTITY_KEY must be set.原因分析 在 .env 文件中设置 Nacos 身份验证相关的所有必要环境变量。 解决方案 添加到 .env 文件中 NACOS_AUTH_IDENTITY_KEYAuthorization NACOS_AUTH_IDENTITY…
阅读更多...
C++语法基础（下）

C++语法基础（下）

&#xff08;注&#xff1a;在看本文是如果感觉内容有点突兀&#xff0c;请先浏览《C语法基础&#xff08;上&#xff09;》这篇文章帮助更好理解&#xff09; 一.缺省参数 缺省参数是声明或定义函数时为函数的参数指定一个缺省值。在调用该函数时&#xff0c;如果没有指定实参…
阅读更多...
力扣Hot100（Java版本）

力扣Hot100（Java版本）

1. 哈希 1.1 两数之和 题目描述&#xff1a; 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下标。 你可以假设每种输入只会对应一个答案&#xff0c;并且你不能使用两次相同…
阅读更多...
FCB文件疑问+求助：01 百度网盘视频自动生成AI笔记pdf会出现对应fcb文件-作用待详解

FCB文件疑问+求助：01 百度网盘视频自动生成AI笔记pdf会出现对应fcb文件-作用待详解

疑问求助&#xff1a;01 百度网盘视频自动生成AI笔记pdf会出现对应fcb文件-作用待确认确认详解.md 一、疑惑起因 百度网盘视频自动生成AI笔记pdf会出现对应fcb文件&#xff0c;我可以删除fcb文件么&#xff1f;影响什么&#xff1f;如何打开fcb其内容是啥&#xff1f;直观看删…
阅读更多...
【数据结构】——栈和队列OJ

【数据结构】——栈和队列OJ

一、有效的括号 题目链接&#xff1a; 20. 有效的括号 - 力扣&#xff08;LeetCode&#xff09; 题目的要求很简单&#xff0c;就是要求我们判断其输入的括号字符串是否是有效的括号&#xff0c;那么我们要如何判断呢&#xff1f; 我们可以这样&#xff0c;我们遍历出传入的…
阅读更多...
开源免费无广告专注PDF编辑、修复和管理工具 办公学术 救星工具

开源免费无广告专注PDF编辑、修复和管理工具 办公学术 救星工具

各位PDF处理小能手们&#xff01;我跟你们说啊&#xff0c;今天要给大家介绍一款超牛的国产开源PDF处理工具&#xff0c;叫PDFPatcher&#xff0c;也叫PDF补丁丁。它就像一个PDF文档的超级修理工&#xff0c;专门解决PDF编辑、修复和管理的各种难题。 这软件的核心功能和特点&a…
阅读更多...
【Bluedroid】蓝牙 HID DEVICE 初始化流程源码解析

【Bluedroid】蓝牙 HID DEVICE 初始化流程源码解析

本文深入剖析Android蓝牙协议栈中HID设备&#xff08;BT-HD&#xff09;服务的初始化与启用流程&#xff0c;从接口初始化、服务掩码管理、服务请求路由到属性回调通知&#xff0c;完整展现蓝牙HID服务激活的技术路径。通过代码逻辑梳理&#xff0c;揭示服务启用的核心机制&…
阅读更多...
2025年项目管理软件革命：中国技术主权与全球创新浪潮的交锋

2025年项目管理软件革命：中国技术主权与全球创新浪潮的交锋

全球项目管理软件市场正在经历一场由多重技术叠加引发的结构性变革。根据Gartner最新预测&#xff0c;到2025年项目管理工具市场规模将突破220亿美元&#xff0c;其中中国市场增速达38%&#xff0c;远超全球平均水平。这场变革不仅关乎工具功能迭代&#xff0c;更深刻影响着企业…
阅读更多...
计算机组成与体系结构：组相联映射（Set-Associative Mapping）

计算机组成与体系结构：组相联映射（Set-Associative Mapping）

目录 &#x1f9e9; 映射方式问题回顾 &#x1f3d7;️ 组相联映射 工作流程 地址结构 ♻️ 替换策略 示例&#xff1a; 优点 ⚖️ 与其他映射方式对比 &#x1f9e9; 映射方式问题回顾 直接映射的问题&#xff1a; 优点&#xff1a;实现简单&#xff0c;查找速度快…
阅读更多...
机器学习第八讲：向量/矩阵 → 数据表格的数学表达，如Excel表格转数字阵列

机器学习第八讲：向量/矩阵 → 数据表格的数学表达，如Excel表格转数字阵列

机器学习第八讲&#xff1a;向量/矩阵 → 数据表格的数学表达&#xff0c;如Excel表格转数字阵列 资料取自《零基础学机器学习》。 查看总目录&#xff1a;学习大纲 关于DeepSeek本地部署指南可以看下我之前写的文章&#xff1a;DeepSeek R1本地与线上满血版部署&#xff1a;…
阅读更多...
基于Spring AI实现多轮对话系统架构设计

基于Spring AI实现多轮对话系统架构设计

文章目录 基于Spring AI实现多轮对话系统架构设计 前言 一、多轮对话系统核心架构 1.1 架构概览 1.2 Spring AI核心优势 二、ChatClient与多轮对话设计 2.1 ChatClient的特性与角色 2.2 实现多轮对话方法 三、Advisors拦截器机制 3.1 Advisors概念与工作原理 3.2 对…
阅读更多...
C++中的虚表和虚表指针的原理和示例

C++中的虚表和虚表指针的原理和示例

一、基本概念 1. 什么是虚函数&#xff08;virtual function&#xff09;&#xff1f; 虚函数是用 virtual 关键字修饰的成员函数&#xff0c;支持运行时多态&#xff08;dynamic polymorphism&#xff09;。通过基类指针或引用调用派生类重写的函数。 class Base { public:…
阅读更多...
最新文章

Copyright @ 2022~2023