Qt 圆角头像的实现

在QT 中设置圆形头像,本文记录了两个解决思路。

  1. 将头像显示在QLabel 此类控件中,设置QLabel 为一个正方形,接着设置QLabel 的圆角属性,可以实现圆形头像的效果。
  2. 图像合成,在头像上方设置遮罩。

以下是实现上述两种方式的Demo

实现效果:

QLabel 方式:

Qt 圆角头像的实现

遮罩方式:

这里分为两种情形,窗体背景透明与窗体背景正常显示,窗体背景正常显示时我们可以选择头像的背景颜色,以下是效果图:

Qt 圆角头像的实现

Qt 圆角头像的实现

QLabel 方式主要代码:

Qt 圆角头像的实现

设置遮罩方式主要代码:

Qt 圆角头像的实现

在设置图像复合模式需要根据需求来选择,Qt 在这方面配置了详细的文档,也有一个Demo,感兴趣的可以自己自行了解。

Qt 圆角头像的实现

Qt 圆角头像的实现

Demo 下载链接:https://github.com/Arvin-Huang/Demo/tree/master/CPP/RoundHead ;

Original: https://www.cnblogs.com/arvinhuang/p/13236181.html
Author: 平凡键客
Title: Qt 圆角头像的实现

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/621362/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球