dde-dock/plugins/plugin-guide/plugins-developer-guide.md
York Lee 8bbccb27b9 docs: 修改了 dde-dock/plugins/plugin-guide/plugins-developer-guide.md 的几处问题
line:579 这一段话可以放在代码块外面
	line:744 拼写错误,应该是label而不是lable
	line:780 这一段注释可以作为正文放在代码块外面
	共3处修改。

Log: 修改了 dde-dock/plugins/plugin-guide/plugins-developer-guide.md 的几处问题
2023-04-17 02:36:02 +00:00

908 lines
35 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 插件的工作原理
插件是一种在不需要改动并重新编译主程序本身的情况下去扩展主程序功能的一种机制。\
dde-dock 插件是根据 Qt 插件标准所开发的共享库文件(`so`),通过实现 Qt 的插件标准和 dde-dock 提供的接口,共同完成 dde-dock 的功能扩展。\
可以通过以下链接查看关于 Qt 插件更详细的介绍:
[https://wiki.qt.io/Plugins](https://wiki.qt.io/Plugins)\
[https://doc.qt.io/qt-5/plugins-howto.html](https://doc.qt.io/qt-5/plugins-howto.html)
## dde-dock 插件加载流程
在 dde-dock 启动时会跑一个线程去检测目录`/usr/lib/dde-dock/plugins`下的所有文件,并检测是否是一个正常的动态库文件,如果是则尝试加载。尝试加载即检测库文件的元数据,插件的元数据定义在一个 JSON 文件中,这个后文会介绍,如果元数据检测通过就开始检查插件是否实现了 dde-dock 指定的接口,这一步也通过之后就会开始初始化插件,获取插件提供的控件,进而将控件显示在任务栏上。
## 接口列表
这里先列出 dde-dock 都提供了哪些接口,可作为一个手册查看,注意,为 dde-dock 编写插件并不是要实现所有接口,这些接口提供了 dde-dock 允许各种可能的功能,插件开发者可以根据自己的需求去实现自己需要的接口。后续的插件示例也将会用到这里列出的部分接口。
接口定义的文件一般在系统的如下位置:
```
/usr/include/dde-dock/pluginproxyinterface.h
/usr/include/dde-dock/pluginsiteminterface.h
```
### PluginItemInterface
***只有标明`必须实现`的接口是必须要由插件开发者实现的接口,其他接口如果不需要对应功能可不实现。***
PluginsItemInterface 中定义的接口除了displayMode 和 position历史遗留从插件的角度来看都是被动的只能等待被任务栏的插件机制调用。
另外定义了DockPart枚举用于表示返回图标的位置分别有快捷插件显示区域快捷图标区域和系统插件显示区域主要用于区域插件在不同的位置的显示。
|名称|简介|
|-|-|
|pluginName | 返回插件名称,用于在 dde-dock 内部管理插件时使用 `必须实现`|
|pluginDisplayName | 返回插件名称,用于在界面上显示|
|init | 插件初始化入口函数,参数 proxyInter 可认为是主程序的进程 `必须实现`|
|itemWidget | 返回插件主控件,用于显示在 dde-dock 面板上 `必须实现`|
|itemTipsWidget | 返回鼠标悬浮在插件主控件上时显示的提示框控件|
|itemPopupApplet | 返回鼠标左键点击插件主控件后弹出的控件|
|itemCommand | 返回鼠标左键点击插件主控件后要执行的命令数据|
|itemContextMenu | 返回鼠标右键点击插件主控件后要显示的菜单数据|
|invokedMenuItem | 菜单项被点击后的回调函数|
|itemSortKey | 返回插件主控件的排序位置|
|setSortKey | 重新设置主控件新的排序位置(用户拖动了插件控件后)|
|itemAllowContainer | 返回插件控件是否允许被收纳|
|itemIsInContainer | 返回插件是否处于收纳模式(仅在 itemAllowContainer 为 true 时有作用)|
|setItemIsInContainer | 更新插件是否处于收纳模式的状态(仅在 itemAllowContainer 主 true 时有作用)|
|pluginIsAllowDisable | 返回插件是否允许被禁用(默认不允许被禁用)|
|pluginIsDisable | 返回插件当前是否处于被禁用状态|
|pluginStateSwitched | 当插件的禁用状态被用户改变时此接口被调用|
|displayModeChanged | dde-dock 显示模式发生改变时此接口被调用|
|positionChanged | dde-dock 位置变化时时此接口被调用|
|refreshIcon | 当插件控件的图标需要更新时此接口被调用|
|displayMode | 用于插件主动获取 dde-dock 当前的显示模式|
|position | 用于插件主动获取 dde-dock 当前的位置|
|icon | 用于返回当前插件在快捷设置面板、快捷设置图标区域,系统插件显示区域等和不同的系统主题(主题黑色,主题白色)的图标,正常状态下显示的图标即可 |
|status | 用于返回当前快捷设置插件的状态,激活状态还是禁用状态 |
|description | 用于返回插件的描述快捷设置面板中isPrimary为true的时候有用 |
|flags | 用于返回插件的属性,例如插件显示的位置,插件占几列,插件是否支持拖动等 |
### PluginProxyInterface
由于上面的接口对于插件来说都是被动的,即插件本身无法确定这些接口什么时刻会被调用,很明显这对于插件机制来说是不完整的,因此便有了 PluginProxyInterface它定义了一些让插件主动调用以控制 dde-dock 的一些行为的接口。PluginProxyInterface 的具体实例可以认为是抽象了的 dde-dock 主程序,或者是 dde-dock 中所有插件的管理员,这个实例将会通过 PluginItemInterface 中的 `init` 接口传递给插件,因此在上述 `init` 接口中总是会先把这个传入的对象保存起来以供后续使用。
|名称|简介|
|-|-|
|itemAdded | 向 dde-dock 添加新的主控件(一个插件可以添加多个主控件它们之间使用`ItemKey`区分)|
|itemUpdate | 通知 dde-dock 有主控件需要更新|
|itemRemoved | 从 dde-dock 移除主控件|
|updateDockInfo | 当插件图标发生变化的时候,响应该函数 |
|requestWindowAutoHide | 设置 dde-dock 是否允许隐藏,通常被用在任务栏被设置为智能隐藏或始终隐藏而插件又需要让 dde-dock 保持显示状态来显示一些重要信息的场景下|
|requestRefreshWindowVisible | 通知 dde-dock 更新隐藏状态|
|requestSetAppletVisible | 通知 dde-dock 显示或隐藏插件的弹出面板(鼠标左键点击后弹出的控件)|
|saveValue | 统一的配置保存函数|
|getValue | 统一的配置读取函数|
# 构建一个 dde-dock 插件
接下来将介绍一个简单的 dde-dock 插件的开发过程,插件开发者可跟随此步骤熟悉为 dde-dock 开发插件的步骤,以便创造出更多具有丰富功能的插件。
## 预期功能
首先来确定下这个插件所需要的功能:
- 实时显示 HOME 分区可使用的剩余大小百分比
- 允许禁用插件
- 鼠标悬浮在插件上显示 HOME 分区总容量和可用容量
- 鼠标左键点击插件显示一个提示框显示关于 HOME 分区更详细的信息
- 鼠标右键点击插件显示一个菜单用于刷新缓存和启动 gparted 程序
## 安装依赖
下面以 Qt + cmake 为例进行说明,以 Deepin 15.9 环境为基础,安装如下的包:
- dde-dock-dev
- cmake
- qtbase5-dev-tools
- pkg-config
## 项目基本结构
创建必需的项目目录与文件,插件名称叫做`home_monitor`,所以创建以下的目录结构:
```
home_monitor
├── home_monitor.json
├── homemonitorplugin.cpp
├── homemonitorplugin.h
└── CMakeLists.txt
```
接着来依次分析各个文件的作用。
### cmake 配置文件
`CMakeLists.txt` 是 cmake 命令要读取的配置文件,用于管理整个项目的源文件,依赖,构建等等,其内容如下:
> 以`#`开头的行是注释,用于介绍相关命令,对创建一份新的 CMakeLists.txt 文件会有所帮助,目前可以简单地过一遍
``` cmake
# 学习 cmake 时建议直接从命令列表作为入口,遇到不清楚意思的命令都可以在此处查阅:
# https://cmake.org/cmake/help/latest/manual/cmake-commands.7.html
# 另外下面时完整的文档入口:
# https://cmake.org/cmake/help/latest/
# 设置运行被配置所需的 cmake 最低版本
cmake_minimum_required(VERSION 3.16)
# 使用 set 命令设置一个变量
set(PLUGIN_NAME "home_monitor")
# 设置项目名称
project(${PLUGIN_NAME})
# 启用 qt moc 的支持
set(CMAKE_AUTOMOC ON)
# 启用 qrc 资源文件的支持
set(CMAKE_AUTORCC ON)
# 指定所有源码文件
# 使用了 cmake 的 file 命令,递归查找项目目录下所有头文件和源码文件,
# 并将结果放入 SRCS 变量中SRCS 变量可用于后续使用
file(GLOB_RECURSE SRCS "*.h" "*.cpp")
# 指定要用到的库
# 使用了 cmake 的 find_package 命令,查找库 Qt5Widgets 等,
# REQUIRED 参数表示如果没有找到则报错
# find_package 命令在找到并加载指定的库之后会设置一些变量,
# 常用的有:
# <库名>_FOUND 是否找到Qt5Widgets_FOUND
# <库名>_DIR 在哪个目录下找到的Qt5Widgets_DIR
# <库名>_INCLUDE_DIRS 有哪些头文件目录Qt5Widgets_INCLUDE_DIRS
# <库名>_LIBRARIES 有哪些库文件Qt5Widgets_LIBRARIES
find_package(Qt5Widgets REQUIRED)
find_package(DtkWidget REQUIRED)
# find_package 命令还可以用来加载 cmake 的功能模块
# 并不是所有的库都直接支持 cmake 查找的,但大部分都支持了 pkg-config 这个标准,
# 因此 cmake 提供了间接加载库的模块FindPkgConfig 下面这行命令表示加载 FindPkgConfig 模块,
# 这个 cmake 模块提供了额外的基于 “pkg-config” 加载库的能力
# 执行下面的命令后后会设置如下变量,不过一般用不到:
# PKG_CONFIG_FOUND pkg-config 可执行文件是否找到了
# PKG_CONFIG_EXECUTABLE pkg-config 可执行文件的路径
# PKG_CONFIG_VERSION_STRING pkg-config 的版本信息
find_package(PkgConfig REQUIRED)
# 加载 FindPkgConfig 模块后就可以使用 pkg_check_modules 命令加载需要的库
# pkg_check_modules 命令是由 FindPkgConfig 模块提供的,因此要使用这个命令必须先加载 FindPkgConfig 模块。
# 执行 pkg_check_modules 命令加载库也会设置一些类似执行 find_package 加载库后设置的变量:
# DdeDockInterface_FOUND
# DdeDockInterface_INCLUDE_DIRS
# DdeDockInterface_LIBRARIES
# 还有有另外的一些变量以及更灵活的用法,比如一次性查找多个库,这些请自行查找 cmake 文档学习。
pkg_check_modules(DdeDockInterface REQUIRED dde-dock)
# add_definitions 命令用于声明/定义一些编译/预处理参数
# 根据 cmake 文档描述此命令已经有另外几个功能划分的更为细致的命令所取代,具体请查阅文档
# 在我们这里的例子应该使用较新的 add_compile_definitions 命令,不过为了保持与 dock 已有插件一致,
# 暂时仍然使用 add_definitionsadd_definitions 的语法很简单就是直接写要定义的 flag 并在前面加上 "-D" 即可
# 括号中的 ${QT_DEFINITIONS} 变量会在执行 cmake 时展开为它的值,这个变量属于历史遗留,应该是在 qt3/qt4 时有用,
# 基于 qt5 或更高版本的新插件不必使用此变量。要查看 qt5 的库定义了哪些变量应该查看变量:${Qt5Widgets_DEFINITIONS}
add_definitions("${QT_DEFINITIONS} -DQT_PLUGIN")
# 新增一个编译目标
# 这里使用命令 add_library 来表示本项目要生成一个库文件目标,
# 类似的还有命令 add_executable 添加一个可执行二进制目标,甚至 add_custom_target(使用较少) 添加自定义目标
# SHARED 表示生成的库应该是动态库,
# 变量 ${PLUGIN_NAME} 和 ${SRCS} 都是前面处理好的,
# 另外 qrc 资源文件也应该追加在后面以编译进目标中。
add_library(${PLUGIN_NAME} SHARED ${SRCS} home_monitor.qrc)
# 设置目标的生成位置,这里表示生成在执行 make 的目录,
# 另外还有很多可用于设置的属性,可查阅 cmake 文档。
set_target_properties(${PLUGIN_NAME} PROPERTIES LIBRARY_OUTPUT_DIRECTORY ./)
# 设置目标要使用的 include 目录,即头文件目录
# 变量 ${DtkWidget_INCLUDE_DIRS} 是在前面执行 find_package 命令时引入的
# 当出现编译失败提示找不到某些库的头文件时应该检查此处是否将所有需要的头文件都包含了
target_include_directories(${PLUGIN_NAME} PUBLIC
${Qt5Widgets_INCLUDE_DIRS}
${DtkWidget_INCLUDE_DIRS}
${DdeDockInterface_INCLUDE_DIRS}
)
# 设置目标要使用的链接库
# 变量 ${DtkWidget_LIBRARIES} 和 ${Qt5Widgets_LIBRARIES} 是在前面执行 find_package 命令时引入的
# 当出现运行时错误提示某些符号没有定义时应该检查此处是否将所有用的库都写在了这里
target_link_libraries(${PLUGIN_NAME} PRIVATE
${Qt5Widgets_LIBRARIES}
${DtkWidget_LIBRARIES}
${DdeDockInterface_LIBRARIES}
)
# 设置安装路径的前缀(默认为"/usr/local")
set(CMAKE_INSTALL_PREFIX "/usr")
# 设置执行 make install 时哪个目标应该被 install 到哪个位置
install(TARGETS ${PLUGIN_NAME} LIBRARY DESTINATION lib/dde-dock/plugins)
```
### 元数据文件
`home_monitor.json`文件是插件的元数据文件,指明了当前插件所使用的 dde-dock 的接口版本dde-dock 在加载此插件时会检测自己的接口版本是否与插件的接口版本一致当双方的接口版本不一致或者不兼容时dde-dock 为了安全将阻止加载对应的插件。另外,元数据文件是在源代码中使用特定的宏加载到插件中的。
在 dde-dock 内建的插件代码中,可以找到当前具体的接口版本,目前最新的版本是 `1.2` 。
``` json
{
"api": "2.0.0"
}
```
另外(可选的)还支持指定一个 dbus 服务dock 在加载插件时会检查此插件所依赖的 dbus 服务,如果服务没有启动则不会初始化这个插件,直到服务启动,如下表示依赖 dbus 地址为 "org.deepin.dde.Network1" 的 dbus 服务。
``` json
{
"api": "2.0.0",
"depends-daemon-dbus-service": "org.deepin.dde.Network1"
}
```
当插件在快捷面板中展示的时候不同的插件之间支持按照一定的顺序进行排序dock在加载该插件的时候会检查该插件的元数据文件中是否存在order字段如果存在该字段就会按照该字段指定的顺序进行排序如果不存在该字段那么该插件就会插入到已经指定该字段的插件的后面同时按照加载的先后顺序进行排序
```json
{
"api": "2.0.0",
"order": 1,
"depends-daemon-dbus-service": "org.deepin.dde.Audio1"
}
```
### 插件核心类
`homemonitorplugin.h` 声明了类 `HomeMonitorPlugin`,它继承(实现)了前面提到的 `PluginItemInterface`,这代表了它是一个实现了 dde-dock 接口的插件。
下面是最小化实现了一个 dock 插件的源码,只实现了必须实现的接口,请注意,下文的代码只是为了简述开发一个插件的主要过程,详细的示例代码应该查看 `home-monitor` 目录下的内容。
``` c++
#ifndef HOMEMONITORPLUGIN_H
#define HOMEMONITORPLUGIN_H
#include <dde-dock/pluginsiteminterface.h>
#include <QObject>
class HomeMonitorPlugin : public QObject, PluginsItemInterface
{
Q_OBJECT
// 声明实现了的接口
Q_INTERFACES(PluginsItemInterface)
// 插件元数据
Q_PLUGIN_METADATA(IID "com.deepin.dock.PluginsItemInterface" FILE "home_monitor.json")
public:
explicit HomeMonitorPlugin(QObject *parent = nullptr);
// 返回插件的名称,必须是唯一值,不可以和其它插件冲突
const QString pluginName() const override;
// 插件初始化函数
void init(PluginProxyInterface *proxyInter) override;
// 返回插件的 widget
QWidget *itemWidget(const QString &itemKey) override;
PluginMode status() const override;
QString description() const override;
QIcon icon(const DockPart &dockPart, int themeType) override;
PluginFlags flags() const override;
};
#endif // HOMEMONITORPLUGIN_H
```
`homemonitorplugin.cpp` 中包含对应接口的实现
``` c++
#include "homemonitorplugin.h"
HomeMonitorPlugin::HomeMonitorPlugin(QObject *parent)
: QObject(parent)
{
}
const QString HomeMonitorPlugin::pluginName() const
{
return QStringLiteral("home_monitor");
}
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
}
QWidget *HomeMonitorPlugin::itemWidget(const QString &itemKey)
{
Q_UNUSED(itemKey);
// 这里暂时返回空指针,这意味着插件会被 dde-dock 加载
// 但是不会有任何东西被添加到 dde-dock 上
return nullptr;
}
QIcon HomeMonitorPlugin::icon(const DockPart &dockPart, int themeType)
{
if (dockPart == DockPart::QuickShow) {
QIcon icon;
return icon;
}
return QIcon();
}
PluginFlags HomeMonitorPlugin::flags() const
{
// 返回的插件为Type_Common-快捷区域插件, Quick_Multi快捷插件显示两列的那种例如网络和蓝牙
// Attribute_CanDrag该插件在任务栏上支持拖动Attribute_CanInsert该插件支持在其前面插入其他的图标
// Attribute_CanSetting该插件支持在控制中心设置显示或隐藏
return PluginFlags::Type_Common
| PluginFlags::Quick_Multi
| PluginFlags::Attribute_CanDrag
| PluginFlags::Attribute_CanInsert
| PluginFlags::Attribute_CanSetting;
}
```
## 测试插件加载
当插件的基本结构搭建好之后应该测试下这个插件能否被 dde-dock 正确的加载,这时候测试如果有问题也可以及时处理。
### 从源码构建
为了不污染源码目录,推荐在源码目录中创建 `build` 目录用于构建:
``` sh
cd home_monitor
mkdir build
cd build
cmake ..
make -j4
```
### 安装
执行下面的命令即可将插件安装到系统中,也是 CMakeList.txt 文件指定的安装位置:
``` sh
sudo make install
```
可以看到有`home_monitor.so`文件被安装在了 dde-dock 的插件目录。
``` sh
install -m 755 -p ./home_monitor/libhome_monitor.so /usr/lib/dde-dock/plugins/libhome_monitor.so
```
或者将so文件放在~/.local/lib/dde-dock/plugins/目录下dock会加载用户本地的插件。
``` sh
install -m 755 -p ./home_monitor/libhome_monitor.so ~/.local/lib/dde-dock/plugins/libhome_monitor.so
```
### 测试加载
执行 `pkill dde-dock; dde-dock` 来重新运行 dde-dock在终端输出中如果出现以下的输出说明插件的加载已经正常
``` sh
init plugin: "home_monitor"
init plugin finished: "home_monitor"
```
## 创建插件主控件
创建新文件 informationwidget.h 和 informationwidget.cpp用于创建控件类InformationWidget这个控件用于显示在 dde-dock 上。
此时的目录结构为:
```
home_monitor
├── build/
├── home_monitor.json
├── homemonitorplugin.cpp
├── homemonitorplugin.h
├── informationwidget.cpp
├── informationwidget.h
└── CMakeLists.txt
```
informationwidget.h 文件内容如下:
``` c++
#ifndef INFORMATIONWIDGET_H
#define INFORMATIONWIDGET_H
#include <QWidget>
#include <QLabel>
#include <QTimer>
#include <QStorageInfo>
class InformationWidget : public QWidget
{
Q_OBJECT
public:
explicit InformationWidget(QWidget *parent = nullptr);
inline QStorageInfo * storageInfo() { return m_storageInfo; }
private slots:
// 用于更新数据的槽函数
void refreshInfo();
private:
// 真正的数据显示在这个 Label 上
QLabel *m_infoLabel;
// 处理时间间隔的计时器
QTimer *m_refreshTimer;
// 分区数据的来源
QStorageInfo *m_storageInfo;
};
#endif // INFORMATIONWIDGET_H
```
informationwidget.cpp 文件包含了对类 InformationWidget 的实现,内容如下:
``` c++
#include "informationwidget.h"
#include <QVBoxLayout>
#include <QTimer>
#include <QDebug>
InformationWidget::InformationWidget(QWidget *parent)
: QWidget(parent)
, m_infoLabel(new QLabel)
, m_refreshTimer(new QTimer(this))
// 使用 "/home" 初始化 QStorageInfo
// 如果 "/home" 没有挂载到一个单独的分区上QStorageInfo 收集的数据将会是根分区的
, m_storageInfo(new QStorageInfo("/home"))
{
m_infoLabel->setStyleSheet("QLabel {"
"color: white;"
"}");
m_infoLabel->setAlignment(Qt::AlignCenter);
QVBoxLayout *centralLayout = new QVBoxLayout;
centralLayout->addWidget(m_infoLabel);
centralLayout->setSpacing(0);
centralLayout->setMargin(0);
setLayout(centralLayout);
// 连接 Timer 超时的信号到更新数据的槽上
connect(m_refreshTimer, &QTimer::timeout, this, &InformationWidget::refreshInfo);
// 设置 Timer 超时为 10s即每 10s 更新一次控件上的数据,并启动这个定时器
m_refreshTimer->start(10000);
refreshInfo();
}
void InformationWidget::refreshInfo()
{
// 获取分区总容量
const double total = m_storageInfo->bytesTotal();
// 获取可用总容量
const double available = m_storageInfo->bytesAvailable();
// 得到可用百分比
const int percent = qRound(available / total * 100);
// 更新内容
m_infoLabel->setText(QString("Home:\n%1\%").arg(percent));
}
```
现在主控件类已经完成了,回到插件的核心类,将主控件类添加到核心类中。
在 `homemonitorplugin.h` 中相应位置添加成员声明:
``` c++
#include "informationwidget.h"
class HomeMonitorPlugin : public QObject, PluginsItemInterface
{
private:
InformationWidget *m_pluginWidget;
};
```
然后在 `homemonitorplugin.cpp` 中将添加成员的初始化,比如在 `init` 接口中初始化:
``` c++
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
m_pluginWidget = new InformationWidget;
}
```
## 添加主控件到 dde-dock 面板上
在插件核心类的 `init` 方法中获取到了 `PluginProxyInterface` 对象,调用此对象的 `itemAdded` 接口即可实现向 dde-dock 面板上添加项目。
第二个 `QString` 类型的参数代表了本插件所提供的主控件的 id当一个插件提供多个主控件时不同主控件之间的 id 要保证唯一。
``` c++
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
m_pluginWidget = new InformationWidget;
m_proxyInter->itemAdded(this, pluginName());
}
```
在调用 `itemAdded` 之后dde-dock 会将该控件在任务栏插件区域显示出来,在展开快捷面板的时候,会将该插件的大图标显示在快捷面板上,快捷面板上显示的内容可以通过如下两种方式来显示
1、调用插件类的icon方法、status方法、description方法来获取插件的显示的图标、文本描述和状态等
```c++
QIcon icon(const DockPart &dockPart, int themeType)
// 其中判断dockPart==DockPart::QuickPanel此时显示在快捷面板上面的图标themeType表示主题类型对应于dtk中的DGuiApplicationHelper::ColorType类型的枚举值分别表示黑色或白色的主题根据不同的主题返回不同的图标
PluginMode status() const;
// 插件当前的状态,返回值为激活、禁用和没有激活状态,任务栏会根据这个值将图标自动变成不同的颜色
QString description() const;
// 插件的描述,这个一般是在插件区域显示的文本,例如网络插件,这个返回当前连接的网络的名称等
// 在点击快捷面板的这个插件的图标的时候,会自动执行插件返回的命令字符串,见以下函数
const QString itemCommand(const QString &itemKey);
// 在插件需要改变图标或文字的时候请调用PluginProxyInterface类的updateDockInfo方法第一个参数传入this即可如下
void updateDockInfo(PluginsItemInterface *const, const DockPart &);
// updateDockInfo为代理类PluginProxyInterface的方法DockPart为需要刷新的位置
```
2、第一个方法的灵活性不是太好因此建议使用第二种方法
``` c++
QWidget *HomeMonitorPlugin::itemWidget(const QString &itemKey)
{
if (itemKey == QUICK_ITEM_KEY)
return m_pluginWidget;
return nullptr;
}
```
判断itemKey == QUICK_ITEM_KEY(QUICK_ITEM_KEY为插件基类中定义的一个宏),返回在快捷面板区域的展示。一般在该插件需要在快捷面板区域响应复杂的操作,例如蓝牙插件或网络插件需要通过该面板进行开关等操作,此时建议用这种方法
任务栏使用哪种显示方式的逻辑是,先通过第一种方法中的获取图标的接口,判断是否存在图标,如果存在图标,就用第一种方法来显示,如果不存在,就用第二种方法来显示
任务栏插件 图标的显示
在任务栏上不同的插件都会有自己的图标,在不同的主题下显示的图标也不相同,不同的位置显示的图标也会有所区别,因此我们需要实现如下的接口
```c++
QIcon icon(const DockPart &dockPart, int themeType);
其中dockPart表示该插件图标所在的位置有如下取值
enum class DockPart {
QuickShow = 0, // 快捷插件显示区域
QuickPanel, // 快捷面板的图标
SystemPanel, // 系统插件显示区域(例如电源插件)
DCCSetting // 显示在控制中心个性化设置的图标
};
```
## 支持禁用插件
与插件禁用和启用相关的接口有如下三个:
- pluginIsAllowDisable
- pluginIsDisable
- pluginStateSwitched
故而在插件的核心类头文件中增加这三个接口的声明:
``` c++
bool pluginIsAllowDisable() override;
bool pluginIsDisable() override;
void pluginStateSwitched() override;
```
同时在插件的核心类实现类中增加这三个接口的定义:
``` c++
bool HomeMonitorPlugin::pluginIsAllowDisable()
{
// 告诉 dde-dock 本插件允许禁用
return true;
}
bool HomeMonitorPlugin::pluginIsDisable()
{
// 第二个参数 “disabled” 表示存储这个值的键(所有配置都是以键值对的方式存储的)
// 第三个参数表示默认值,即默认不禁用
return m_proxyInter->getValue(this, "disabled", false).toBool();
}
void HomeMonitorPlugin::pluginStateSwitched()
{
// 获取当前禁用状态的反值作为新的状态值
const bool disabledNew = !pluginIsDisable();
// 存储新的状态值
m_proxyInter->saveValue(this, "disabled", disabledNew);
// 根据新的禁用状态值处理主控件的加载和卸载
if (disabledNew) {
m_proxyInter->itemRemoved(this, pluginName());
} else {
m_proxyInter->itemAdded(this, pluginName());
}
}
```
此时就会引入一个新的问题,插件允许被禁用,那么在 dde-dock 启动时,插件有可能处于禁用状态,那么在初始化插件时就不能直接将主控件添加到 dde-dock 中,而是应该判断当前是否是禁用状态,修改接口 init 的实现:
``` c++
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
m_pluginWidget = new InformationWidget;
// 如果插件没有被禁用则在初始化插件时才添加主控件到面板上
if (!pluginIsDisable()) {
m_proxyInter->itemAdded(this, pluginName());
}
}
```
``` c++
// homemonitorplugin.h
const QString pluginDisplayName() const override;
```
``` c++
// homemonitorplugin.cpp
const QString HomeMonitorPlugin::pluginDisplayName() const
{
return QString("Home Monitor");
}
```
![disable-plugin](images/disable-plugin.png)
## 支持 hover tip
“hover tip” 就是鼠标移动到插件主控件上并悬浮一小段时间后弹出的一个提示框,可以用于显示一些状态信息等待,当然具体用来显示什么完全由插件开发者自己决定,要实现这个功能需要接口:
- itemTipsWidget
首先在插件核心类中添加一个文本控件作为 tip 控件:
``` c++
// homemonitorplugin.h
private:
InformationWidget *m_pluginWidget;
QLabel *m_tipsWidget; // new
```
在 init 函数中初始化:
``` c++
// homemonitorplugin.cpp
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
m_pluginWidget = new InformationWidget;
m_tipsWidget = new QLabel; // new
// 如果插件没有被禁用则在初始化插件时才添加主控件到面板上
if (!pluginIsDisable()) {
m_proxyInter->itemAdded(this, pluginName());
}
}
```
下面在插件核心类中实现接口 itemTipsWidget
``` c++
// homemonitorplugin.h
public:
QWidget *itemTipsWidget(const QString &itemKey) override;
```
``` c++
// homemonitorplugin.cpp
QWidget *HomeMonitorPlugin::itemTipsWidget(const QString &itemKey)
{
Q_UNUSED(itemKey);
// 设置/刷新 tips 中的信息
m_tipsWidget->setText(QString("Total: %1G\nAvailable: %2G")
.arg(qRound(m_pluginWidget->storageInfo()->bytesTotal() / qPow(1024, 3)))
.arg(qRound(m_pluginWidget->storageInfo()->bytesAvailable() / qPow(1024, 3))));
return m_tipsWidget;
}
```
dde-dock 在发现鼠标悬停在插件的控件上时就会调用这个接口拿到相应的控件并显示出来。
## 支持 applet
上面的 tips 显示的控件在鼠标移开之后就会消失,如果插件需要长时间显示一个窗体及时鼠标离开也会保持显示状态来做一些提示或功能的话那就需要使用 appletapplet 控件在左键点击后显示,点击控件以外的其他地方后消失。
applet 控件其实跟 tip 控件一样都是一个普通的 widget但是可以在 applet 控件中显示交互性的内容,比如按钮,输入框等等。出于篇幅原因这里的 applet 控件就不添加交互性的功能了,只用来显示一些文字,所以依然使用一个 label 控件。
在插件核心类中添加一个文本控件作为 applet 控件:
``` c++
// homemonitorplugin.h
private:
InformationWidget *m_pluginWidget;
QLabel *m_tipsWidget;
QLabel *m_appletWidget; // new
```
在 init 函数中初始化:
``` c++
// homemonitorplugin.cpp
void HomeMonitorPlugin::init(PluginProxyInterface *proxyInter)
{
m_proxyInter = proxyInter;
m_pluginWidget = new InformationWidget;
m_tipsWidget = new QLabel;
m_appletWidget = new QLabel; // new
// 如果插件没有被禁用则在初始化插件时才添加主控件到面板上
if (!pluginIsDisable()) {
m_proxyInter->itemAdded(this, pluginName());
}
}
```
如果需要点击快捷面板中的图标弹出applet需要调用一下接口
```c++
void requestSetAppletVisible(PluginsItemInterface * const itemInter, const QString &itemKey, const bool visible);
```
其中,itemInter传入this, itemKey在此处传入一个制定的字符串那么在下方的itemPopupApplet接口的方法中就需要根据这个指定的itemKey返回对应的QWidget来显示visible传true
接着实现 applet 相关的接口 itemPopupApplet
``` c++
// homemonitorplugin.h
public:
QWidget *itemPopupApplet(const QString &itemKey) override;
```
``` c++
// homemonitorplugin.cpp
QWidget *HomeMonitorPlugin::itemPopupApplet(const QString &itemKey)
{
Q_UNUSED(itemKey);
m_appletWidget->setText(QString("Total: %1G\nAvailable: %2G\nDevice: %3\nVolume: %4\nLabel: %5\nFormat: %6\nAccess: %7")
.arg(qRound(m_pluginWidget->storageInfo()->bytesTotal() / qPow(1024, 3)))
.arg(qRound(m_pluginWidget->storageInfo()->bytesAvailable() / qPow(1024, 3)))
.arg(QString(m_pluginWidget->storageInfo()->device()))
.arg(m_pluginWidget->storageInfo()->displayName())
.arg(m_pluginWidget->storageInfo()->name())
.arg(QString(m_pluginWidget->storageInfo()->fileSystemType()))
.arg(m_pluginWidget->storageInfo()->isReadOnly() ? "ReadOnly" : "ReadWrite")
);
return m_appletWidget;
}
```
## 支持右键菜单
增加右键菜单功能需要实现以下两个接口:
- itemContextMenu
- invokedMenuItem
``` c++
// homemonitorplugin.h
public:
const QString itemContextMenu(const QString &itemKey) override;
void invokedMenuItem(const QString &itemKey, const QString &menuId, const bool checked) override;
```
``` c++
// homemonitorplugin.cpp
const QString HomeMonitorPlugin::itemContextMenu(const QString &itemKey)
{
Q_UNUSED(itemKey);
QList<QVariant> items;
items.reserve(2);
QMap<QString, QVariant> refresh;
refresh["itemId"] = "refresh";
refresh["itemText"] = "Refresh";
refresh["isActive"] = true;
items.push_back(refresh);
QMap<QString, QVariant> open;
open["itemId"] = "open";
open["itemText"] = "Open Gparted";
open["isActive"] = true;
items.push_back(open);
QMap<QString, QVariant> menu;
menu["items"] = items;
menu["checkableMenu"] = false;
menu["singleCheck"] = false;
// 返回 JSON 格式的菜单数据
return QJsonDocument::fromVariant(menu).toJson();
}
void HomeMonitorPlugin::invokedMenuItem(const QString &itemKey, const QString &menuId, const bool checked)
{
Q_UNUSED(itemKey);
// 根据上面接口设置的 id 执行不同的操作
if (menuId == "refresh") {
m_pluginWidget->storageInfo()->refresh();
} else if ("open") {
QProcess::startDetached("gparted");
}
}
```
编译,安装,重启 dde-dock 之后右键点击主控件即可看到弹出右键菜单。
## 插件类型和属性
在flag接口中返回当前插件的位置和属性的信息实现如下接口
```c++
PluginFlags HomeMonitorPlugin::flags() const;
{
return PluginFlag::Type_Common
| Quick_Multi
| Attribute_CanDrag
| Attribute_CanInsert
| Attribute_CanSetting;
}
// 返回值有如下
enum PluginFlag {
Type_NoneFlag = 0x1, // 插件类型-没有任何的属性,不在任何地方显示
Type_Common = 0x2, // 插件类型-快捷插件区
Type_Tool = 0x4, // 插件类型-工具插件,例如回收站
Type_System = 0x8, // 插件类型-系统插件,例如关机插件
Type_Tray = 0x10, // 插件类型-托盘区例如U盘插件
Type_Fixed = 0x20, // 插件类型-固定区域,例如多任务视图和显示桌面
Quick_Single = 0x40, // 当插件类型为Common时,快捷插件区域只有一列的那种插件
Quick_Multi = 0x80, // 当插件类型为Common时,快捷插件区占两列的那种插件
Quick_Full = 0x100, // 当插件类型为Common时,快捷插件区占用4列的那种插件例如声音、亮度设置和音乐等
Attribute_CanDrag = 0x200, // 插件属性-是否支持拖动
Attribute_CanInsert = 0x400, // 插件属性-是否支持在其前面插入其他的插件,普通的快捷插件是支持的
Attribute_CanSetting = 0x800, // 插件属性-是否可以在控制中心设置显示或隐藏
FlagMask = 0xffffffff // 掩码
};
// 在此根据自己插件的类型返回相应的属性,这里可以是组合,但是插件类型的组合只能是其中的一种,快捷插件区域的显示列也只能是其中一种,插件的属性可以混合显示
```
至此,一个包含基本功能的插件就完成了。