QGC的第一个图标APPSettings

最新推荐文章于 2024-05-23 16:34:50 发布

原创最新推荐文章于 2024-05-23 16:34:50 发布 · 1.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#QGC

QGC 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了QGroundControl中设置页面的实现原理及过程。详细解释了如何通过QGCCorePlugin.cc文件定义设置页数目，并在AppSettings.qml中进行展示。核心流程包括设置页数据模型的构建与按钮点击事件响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Application Settings

Rectangle{
    id:settingsView
    ...
    Component.onCompleted:{

    //组件显示默认的一个
    //defaultSettings
    __rightPanel.source=QGroundControl.corePlugin.settingsPages[QGroundControl.corePlugin.defaultSettings].url
    }



QGCFlickable{
    id:
    width:
    ...
    flickableDirection:Flickable.VerticalFlick
    clip:
}



QGCLabel{
    ...
    ...

}
...

按钮的个数由corePlugin决定，体现在QGCCorePlugin.cc中

Repeater{
    model:QGroundControl.corePlugin.settingsPages;
    QGCButton{
            ...
            ...
        onClicked:{
            if(__rightPael.source!==modelData.url){
                __rightPanel.source=modelData.url
            }
        }
    }
}

这里写图片描述

决定数目的具体体现在：

QVariantList &QGCCorePlugin::settingPages(){
    //如果没有被重写，创建默认设置
    if(_p->pGeneral){
    //第一个菜单项General
        _p->pGeneral=new QGCSettings(tr("General"),
         QUrl::fromUserInput("qrc:/qml/GeneralSettings.qml"),       QUrl::fromUserInput("qrc:/res/gear-white.svg"))

         //加入到settingsList
_p->settingsList.append(QVariant::fromValue((QGCSettings*)
_p->pGeneral);

    //第二个Commons Links

    ...
    ...
    //最后一个Debug

    ...
    return _p->settingsList
}

QGCSettings.h文件中：
class QGCSettings(QString title,QUrl url,QURL icon=QUrl());

在QGCCorePlugin.h头文件中
定义了Q_PROPERTY(QVariantList settingsPages READ settingsPages NOTIFY settingsPagesChanged)

因此在AppSettings.qml


//初始化的时候
Component.onCompleted{
    __rightPanel.source=QGroundControl.corePlugin.settingPages[QGroundControl.corePlugin.defaultSettings].url
}

Repeater{
    //数据模型就来自上文

    model:QGroundControl.corePlugin.settingsPages;

    QGCButton{
        height:_buttonHeight
        text:modelData.title
        exclusiveGroup:panelActionGroup
        Layout.fillwidth:true
        onClicked{
            //当点击左侧面板
            //右侧面板的source随之改变
            if(__rightPanel.source!==modelData.url){
                __rightPanel.source=modelData.url   
            }
            checked=true;
        }
    }
}