Codelabs

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实现的简单项目。通过本实验您将体验到：

如何在CodeArts IDE for C/C++上进行基于CMake项目的本地编译构建
在CodeArts IDE上调试和运行
实现一个基于Qt的视频播放功能

本实验的详细代码可以在 Gitee 社区中查看。

2、前置条件

注册并登陆华为云账号
安装CodeArts IDE for C/C++

3、编译构建与运行调试

通过CodeArts IDE以文件夹的形式打开代码包

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

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

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

更多信息请参考CodeArts IDE 用户指南

4、关键代码片段


                    
                    Copied!
                

int main(int argc, char *argv[])
{   
    QApplication app(argc, argv);
    MyWidget widget;
    widget.show();
    return app.exec(); 
}

MyWidget::MyWidget(QWidget *parent) : QWidget(parent)
{
    resize(800, 600);
    m_player = new QMediaPlayer(this);
    m_videoWidget = new QVideoWidget(this);
    m_videoWidget->setParent(this);
    m_videoWidget->installEventFilter(this);
    m_player->setVideoOutput(m_videoWidget);

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

    m_playButton = new QPushButton("Play", this);
    m_playButton->setFixedSize(140, 30);

    m_menuButtonLayout->addWidget(m_menuTitle);
    m_menuButtonLayout->addWidget(m_playButton);

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

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

    m_stackWidget = new QStackedWidget(this);
    m_stackWidget->addWidget(m_videoWidget);

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

    setLayout(mainLayout);
    connect(m_playButton, &QPushButton::clicked, this, &MyWidget::PlayVideo);
}

static std::string GetParentDirectory(const std::string& path)
{
    std::size_t found = path.find_last_of("\\/");
    if (found != std::string::npos) {
        return path.substr(0, found);
    }
    return "";
}

static std::string GetProjectRootPath()
{
    std::string currentFile(__FILE__);
    std::string currentDir = GetParentDirectory(currentFile);
    std::string projectRootPath = GetParentDirectory(currentDir);
    return projectRootPath;
}

void MyWidget::PlayVideo()
{
    m_stackWidget->setCurrentWidget(m_videoWidget);
    QString rootPath = QString::fromStdString(GetProjectRootPath()) + "/asserts";
    qDebug() << rootPath;
    QString defaultFile = rootPath + "/test.mp4";
    m_fileName = QFileDialog::getOpenFileName(this, "open video");
    m_fileName = !m_fileName.isEmpty() ? m_fileName : defaultFile;
    m_player->setMedia(QUrl::fromLocalFile(m_fileName));
    m_player->play();
    return;
}


bool MyWidget::eventFilter(QObject *watched, QEvent *event)
{
    if (watched == m_videoWidget && event->type() == QEvent::MouseButtonPress) {
        if (m_player->state() == QMediaPlayer::PlayingState) {
            m_player->pause();
        } else if (m_player->state() == QMediaPlayer::PausedState) {
            m_player->play();  
        }
    }
    return QWidget::eventFilter(watched, event);
}

5、运行结果

运行结果如图

注意: 如果存在无法播放视频的情况，可能是由于您的电脑没有对应的视频解码器，请安装K-Lite Code Pack Standard

6、参考

本示例的代码工程仅用于简单演示，实际开发过程中应严格遵循开发指南。访问以下链接可以获取详细信息：开发指南

7、修订记录

发布日期	文档版本	修订说明
2023-08-14	1.0	文档首次发布