# huaweicloud-CodeArts-OpenGLSample-cpp

**Repository Path**: HuaweiCloudDeveloper/huaweicloud-code-arts-open-glsample-cpp

## Basic Information

- **Project Name**: huaweicloud-CodeArts-OpenGLSample-cpp
- **Description**: 基于华为云CodeArts IDE for C/C++开发的示例demo，实现一个基于Qt的简单OpenGL示例
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master-dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-08-04
- **Last Updated**: 2025-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 1、介绍 

CodeArts IDE面向华为云开发者提供的智能化可扩展桌面集成开发环境（IDE），结合华为云行业和产业开发套件，实现极致的一站式用云和开发体验。
- **连接华为云，用云更畅快**：内置华为云帐号支持和华为云API开发套件，支持一键登录后快速用云，浏览、查找、引用和调试云服务API，并有样例代码支持

- **编码新体验，开发更高效**：内置华为自研C/C++语言开发支持，提供全新的工程加载、语法着色、符号解析、编码重构和运行调试等开发体验，提升开发效率

- **能力可扩展，生态更开放**：支持基于插件的能力扩展，开放的插件标准，开源的插件框架，开放的插件市场，形成更加开放的生态系统
  
- **界面可裁剪，体验更优质**：支持基于组建的界面剪裁，在精简模式下形成专用工具的优质体验，又可以在需要时升级为全模式的全量IDE工具


**CodeArts IDE for C/C++**：基于C/C++语言开发CMake工程，并通过CodeArts IDE完成从工程创建、代码编写、运行调试到发布测试的全过程。基于插件扩展可以将个人开发者作业流集成其中，实现从需求到提交的全部过程，更可在业务中集成华为云所提供的的诸多能力，提升应用交付效率。

### 您将学到什么？

本实验将指导开发者通过CodeArts IDE for C/C++平台，在本地桌面快速开发一个基于Qt实现的简单项目。通过本实验您将体验到：

1. 在CodeArts IDE for C/C++上进行基于CMake项目的本地编译构建
2. 在CodeArts IDE上调试和运行
3. 实现一个简单OpenGL demo


## 2、前置条件

- 注册并登陆华为云账号
- 安装[CodeArts IDE for C/C++](https://devcloud.cn-north-4.huaweicloud.com/codeartside/home)


## 3、编译构建与运行调试
通过CodeArts IDE以文件夹的形式打开代码包

在IDE页面的右上角，点击构建项目按钮，或在页面上方的构建->构建项目，CMake构建类型选择Debug。

![img.png](assets/../asserts/1.png) 

然后在弹窗中选择all META，当编译构建成功后，日志打印finished，并显示成功的图示。

![img.png](assets/../asserts/2.png)

构建成功后，在页面的右上角选择调试的目标，然后进行调试和运行。

![img.png](assets/../asserts/3.png)

更多信息请参考CodeArts IDE [用户指南](https://support.huaweicloud.com/usermanual-codeartside/codeartside_01_0048.html)

## 4、关键代码片段
```cpp

MyWidget::MyWidget(QWidget *parent) : QWidget(parent)
{
    resize(800, 600);

    m_menuButtonLayout = new QVBoxLayout;
    m_menuButtonLayout->setAlignment(Qt::AlignTop);
    m_menuTitle = new QLabel(this);
    m_menuTitle->setText("Menu");
    m_menuTitle->setAlignment(Qt::AlignCenter);

    m_openGLDemoButton = new QPushButton("OpenGL Sample", this);
    m_openGLDemoButton->setFixedSize(140, 30);

    m_menuButtonLayout->addWidget(m_menuTitle);
    m_menuButtonLayout->addWidget(m_openGLDemoButton);
    m_menuWidget = new QWidget(this);
    m_menuWidget->setLayout(m_menuButtonLayout);

    QFrame* line = new QFrame(this);
    line->setFrameShape(QFrame::VLine);
    line->setFrameShadow(QFrame::Sunken);

    QHBoxLayout *mainLayout = new QHBoxLayout;
    mainLayout->addWidget(m_menuWidget, 1);
    mainLayout->addWidget(line);  

    setLayout(mainLayout);
    connect(m_openGLDemoButton, &QPushButton::clicked, this, &MyWidget::ShowOpenGLDemo);
}

void MyWidget::ShowOpenGLDemo()
{
    OpenGLDemoShow();
    return;
}

```
## 5、运行结果
运行结果如图
![img.png](assets/../asserts/4.png)

![img.png](assets/../asserts/5.png)


## 6、参考
本示例的代码工程仅用于简单演示，实际开发过程中应严格遵循开发指南。访问以下链接可以获取详细信息：[开发指南](https://support.huaweicloud.com/usermanual-codeartside/codeartside_01_0042.html)

## 7、修订记录
   |  发布日期  |  文档版本 |  修订说明 |
   | ------------ | ------------ | ------------ |
   |  2023-08-14 |  1.0 |  文档首次发布 |