QtApplets-自定义控件-7-属性研究

176 阅读3分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

头图

QtApplets-自定义控件-7-属性研究

接上篇,我们最后的那个升华了的小问题,如果在我们的属性中给用户增加一个下拉菜单,供用户选择呢?如下图

image-20211107132204167


QtApplets-自定义控件-7-属性研究1 声明一个自定义的属性2 实现代码3 效果演示☞ 源码

关键字: Q_PROPERTY属性自定义设置Q_ENUMS

1 声明一个自定义的属性

其实这个还是比较简单的,就是利用枚举,代码如下

声明宏

 Q_PROPERTY(BrowserType browserType READ browserType WRITE setBrowserType)

声明类型和接口

     enum BrowserType { File, Folder };
         Q_ENUMS(BrowserType)
 ​
     BrowserType browserType() const;
     void setBrowserType(const BrowserType type);

2 实现代码

实现中我什么也没有写,这里加上自己要实现的内容即可

 CustomControl::BrowserType CustomControl::browserType() const
 {
     return mBrowserType;
 }
 ​
 void CustomControl::setBrowserType(const CustomControl::BrowserType type)
 {
 ​
 }

3 效果演示

重新编译库文件,复制到Qt Designer目录中测试,如下

image-20211106152201639

QtApplets-自定义控件-8-自定义图标

今天天气预报说北京要下雪了,期待中,现在还是小雨,还没有看到雪,媳妇也在给孩子们上课,那就水博客吧,今天我们研究下给我们的自定义控件换个图标。看过之前的文章的小伙伴应该知道,在我们建立自定义控件工程的时候,让我们选择的图标文件,如下图所示,那个就是我们最终生成的插件在Qt Designer或Qt Creator中显示的样子。那么这个是不是在开始选择后就不能替换呢,今天我们就来搞一搞

image-20211106135817665


QtApplets-自定义控件-8-自定义图标1 更换图标2 添加新的图片资源3 替换源资源路径4 重新生成库文件,在Designer中验证☞ 源码

关键字: 自定义图标自定义控件IconQt控件

1 更换图标

这里我们准备一个新的图标文件,这里我准备了一个新的图标文件,命名为logo2 左边是我们现在的程序所示是被的。

image-20211106140024574

如下图所示,现在我们所识别的这个自定义控件的图标是我上图中左侧的哪一个,下面给他换成右面这个。

image-20211106140118949

2 添加新的图片资源

选择我们的资源文件,鼠标右键在编辑器中打开,如下图所示

image-20211106140333156

选择添加文件,在打开的文件夹中找到我们准备好的图标,选择并点击打开,这样我们的新的资源图片就加载到我们的资源文件中了

image-20211106140444805

3 替换源资源路径

在我们代码中找到对应的接口,替换路径既可以,如下图所示。这个截图已经是我替换完成了。

image-20211106140721677

4 重新生成库文件,在Designer中验证

搞定,已经编程我们最新的了

image-20211106140854176

自定义控件内容暂时搞到这里,目前探索内容应该是够我用了。

☞ 源码

源码链接:GitHub仓库自取

使用方法:☟☟☟

s