現代化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.pswp.cn/pingmian/80637.shtml
繁體地址，請注明出處：http://hk.pswp.cn/pingmian/80637.shtml
英文地址，請注明出處：http://en.pswp.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