qml cmake建立折线图

### 使用QML和CMake创建折线图 为了展示如何利用QML和CMake来构建一个简单的折线图应用，下面将介绍具体的方法。此过程涉及到了Qt Charts模块的应用以及通过CMake进行项目的编译配置。 #### 准备工作环境 确保安装了支持Qt Charts模块版本的Qt SDK，并且已经设置了合适的开发工具链以便能够处理CMake项目文件[^3]。 #### 创建CMakeLists.txt 文件 在项目根目录下新建`CMakeLists.txt`文件，其内容如下所示： ```cmake cmake_minimum_required(VERSION 3.10) project(LineChartExample VERSION 1.0 LANGUAGES CXX) set(CMAKE_CXX_STANDARD 17) set(CMAKE_AUTOMOC ON) set(CMAKE_AUTORCC ON) set(CMAKE_AUTOUIC ON) find_package(Qt6 COMPONENTS Core Gui Quick Widgets REQUIRED) find_package(Qt6 COMPONENTS Charts REQUIRED) add_executable(${PROJECT_NAME} main.cpp qml.qrc ) target_link_libraries(${PROJECT_NAME} PRIVATE Qt6::Core Qt6::Gui Qt6::Quick Qt6::Widgets Qt6::Charts) ``` 这段脚本指定了所需的最低CMake版本、项目名称及其使用的编程语言标准；启用了自动MOC等功能以简化Qt元对象系统的使用；查找并链接必要的Qt库，包括核心功能(`Core`)、图形界面(`Gui`)、快速UI框架(`Quick`)、窗口部件集(`Widgets`)及图表组件(`Charts`)。 #### 编写main.cpp入口程序 在同一目录内建立名为`main.cpp`的源代码文件，编写启动应用程序所需的基础逻辑： ```cpp #include <QApplication> #include <QQmlApplicationEngine> int main(int argc, char *argv[]) { QApplication app(argc, argv); QQmlApplicationEngine engine; const QUrl url(u"qrc:/Main.qml"_qs); QObject::connect(&engine, &QQmlApplicationEngine::objectCreated, &app, [url](QObject *obj, const QUrl &objUrl) { if (!obj && url == objUrl) QCoreApplication::exit(-1); }, Qt::QueuedConnection); engine.load(url); return app.exec(); } ``` 上述代码初始化了一个基于QML的应用引擎实例，并加载位于资源文件中的主页面布局描述——即`Main.qml`。 #### 设计QML界面与图表呈现 最后，在同一工程路径下新增加一个`.qml`格式的文本文件作为用户界面的设计蓝图，命名为`Main.qml`: ```qml import QtQuick 2.15 import QtCharts 2.15 Rectangle { width: 800; height: 600 ChartView { anchors.fill: parent title: "Simple Line Chart" ValueAxis { id: axisX } ValueAxis { id: axisY } LineSeries { name: "LineSeries" axisX: axisX axisY: axisY XYPoint { x: 0 ; y: 0 } XYPoint { x: 1.1 ; y: 2.1 } XYPoint { x: 1.9 ; y: 3.3 } XYPoint { x: 2.7 ; y: 2.6 } XYPoint { x: 3.1 ; y: 2.8 } XYPoint { x: 4.5 ; y: 2.4 } XYPoint { x: 4.9 ; y: 3.2 } XYPoint { x: 5.0 ; y: 3.0 } XYPoint { x: 7.2 ; y: 3.2 } } } } ``` 这里定义了一张矩形区域内的折线图视图，其中包含了几个预设的数据点用于形成一条连续变化的趋势线条。同时引入了两个数值坐标轴分别对应横纵方向上的刻度标记。