QGC的第一个图标APPSettings

本文介绍了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;
        }
    }
}

总结:数据模型都是在QGCCorePlugin.cc中完成的;
在APPSettings.qml中完成展示

### 关于Linux系统中QGroundControl图标的设置 在Linux环境下安装并配置QGroundControl(简称QGC),通常会遇到一些关于应用程序图标显示不正常或者缺失的问题。以下是针对此问题的解决方案以及教程说明。 #### QGroundControl图标文件的位置 QGroundControl是一个开源项目,其源码托管在GitHub上[^1]。在其代码库中,图标资源一般位于`resources/icons/`目录下。这些图标用于界面中的按钮、菜单以及其他UI组件。如果需要自定义或替换应用启动器图标,则可以找到`.desktop`文件来修改路径指向新的PNG或SVG图像。 #### 安装后的桌面快捷方式调整 对于大多数基于Debian或RedHat系列发行版,在完成编译构建之后,默认会在系统的共享应用数据区域创建相应的入口文件(`/usr/share/applications/QGroundControl.desktop`)。打开该文件可以看到如下字段: ```ini [Desktop Entry] Name=QGroundControl Comment=A ground station application for UAVs. Exec=/path/to/qgroundcontrol %u Icon=qgroundcontrol Terminal=false Type=Application Categories=Utility;Application; MimeType=x-scheme-handler/mavlink; ``` 其中关键部分为 `Icon=` 行指定的是相对名称而非绝对地址。因此要确保实际存在的图片命名为匹配上述字符串,并存放在标准位置比如 `/usr/share/pixmaps/`. #### 手动设定方法 假如默认行为未能正确加载预期图形资产,可以通过手动编辑 `.desktop` 文件实现更改目的。具体操作步骤如下所示: - 使用文本编辑工具定位到对应的应用描述文档; - 将原有值替换成完整物理存储单元上的全限定名(例如:`/home/user/custom-icons/qgc-logo.png`); - 保存改动后刷新环境变量(`update-desktop-database`)使变动生效; 另外一种简便途径就是复制官方提供的素材至个人家目录下的隐藏子文件夹内(.local/share/)从而避免全局范围的影响风险。 #### 自定义主题支持 除了单纯更换静态图案外,还可以利用Qt框架自带的主题机制来自由定制整体外观风格。这涉及到重新设计整个视觉体系的工作量较大,但对于追求极致用户体验的企业级部署场景来说不失为一个好的选择方向。 ```bash git clone https://github.com/mavlink/qgroundcontrol.git cd qgroundcontrol mkdir build && cd build cmake .. make sudo make install ``` 以上命令序列展示了如何从零开始获取最新版本源码并通过CMake工具链生成可执行程序包的过程概述。期间可以根据需求介入特定环节完成个性化改造任务。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值