Qt绘制形状不规则窗口（一）

环境配置：MinGW + QT 5.12

效果图：

其实这个缩略图就是模仿Chrome书签栏拖拽书签时的缩略图（如下图所示）。主要是重写QWidget的paintEvent函数。

thumbnail类继承自QWidget

thumbnail.h文件

#define RADIUS 17             //窗口边角的弧度
#define ELLIPSE_RADIUS 12     //内部小圆半径
#define RECT 10               //图标长/宽的一半
#define TEXT_LENGTH 100       //文字长度class thumbnail : public QWidget
{Q_OBJECT
public:thumbnail(QWidget *parent = nullptr);void setupthumbnail(QIcon icon, QString str);void setIconSize(int size);private:QPushButton *ImageButton = nullptr;QLabel *TextLabel = nullptr;private:void initUi();void paintEvent(QPaintEvent *);
};

thumbnail.c文件

thumbnail::thumbnail(QWidget *parent) :QWidget(parent)
{initUi();
}void thumbnail::initUi()
{setWindowFlags(Qt::FramelessWindowHint);setAttribute(Qt::WA_TranslucentBackground);setFixedSize(140, 34);ImageButton = new QPushButton(this);ImageButton->setFixedSize(20, 20);ImageButton->setIconSize(QSize(20, 20));ImageButton->setFlat(true);ImageButton->setStyleSheet("QPushButton{border:0px solid rgb(0, 0, 0);}");ImageButton->setFocusPolicy(Qt::NoFocus);ImageButton->move(RADIUS - RECT, RADIUS - RECT);TextLabel = new QLabel(this);TextLabel->setFixedSize(TEXT_LENGTH, 20);TextLabel->setAlignment(Qt::AlignVCenter);TextLabel->setFont(QFont("Microsoft YaHei", 8, QFont::Normal));TextLabel->setStyleSheet("QLabel{color:rgba(255, 255, 255, 255); border:0px solid rgb(0, 0, 0);}");TextLabel->setFocusPolicy(Qt::NoFocus);QHBoxLayout *layout = new QHBoxLayout(this);layout->setSpacing(0);layout->addWidget(TextLabel);layout->setContentsMargins(2 * RADIUS, 0, 0, 2);
}void thumbnail::setupthumbnail(QIcon icon, QString text)
{ImageButton->setIcon(QIcon(icon));TextLabel->setText(text);int textSize = fontMetrics().width(text);  //字符超长检测if(textSize > TEXT_LENGTH){QString Elide_text = fontMetrics().elidedText(text, Qt::ElideRight, TEXT_LENGTH);TextLabel->setText(Elide_text);}
}void thumbnail::setIconSize(int size)
{ImageButton->setIconSize(QSize(size, size));
}void thumbnail::paintEvent(QPaintEvent *)
{QPainter Painter(this);Painter.setRenderHint(QPainter::Antialiasing, true);Painter.setPen(Qt::NoPen);Painter.setBrush(QColor(114, 164, 250, 200));QPainterPath PainterPath;PainterPath.addRoundedRect(QRect(0, 0, width(), height()), RADIUS, RADIUS);  //RectPainterPath.addEllipse(RADIUS - ELLIPSE_RADIUS, RADIUS - ELLIPSE_RADIUS, ELLIPSE_RADIUS * 2, ELLIPSE_RADIUS * 2);  //除去内部小圆Painter.drawPath(PainterPath);Painter.setBrush(QColor(255, 255, 255, 200));Painter.drawEllipse(RADIUS - ELLIPSE_RADIUS, RADIUS - ELLIPSE_RADIUS, ELLIPSE_RADIUS * 2, ELLIPSE_RADIUS * 2);  //内部小圆重新上色
}

环境配置：MinGW + QT 5.12

Qt绘制形状不规则窗口（一）相关推荐

Qt绘制形状不规则窗口（二）
环境配置 :MinGW + QT 5.12 效果图(红色部分是桌面背景颜色): 下面这张图片有助于分析(窗口边角弧度BORDER_RADIUS没有注明): TestArrowWidget类继承自QWi ...
QT不规则窗口的移动原理和证明/QT窗口背景透明（附代码实现）
有些情况下,我们需要实现不规则窗口,比如在软件的加载窗口,可以使用背景透明的图片填充窗口,从而创建炫酷的不规则窗口.下面介绍使用背景透明图片设计不规则窗口以及实现鼠标拖拽不规则窗口的方法. 首先,我们 ...
Qt：Qt实现具有反锯齿的圆角窗口：不规则窗口
@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHi ...
CreateWindow创建异形窗口（不规则窗口） - WINDOWS API 第三弹异形窗口。
本期将自己从底层中抽离出来,来搞点UI设计相关的,毕竟UI是本人强项(矮子里面拔高个吧).你的UI界面是不是都是矩形框,你有想过其他形状的界面吗?是不是感觉计算机应用就应该是方方正正的.答案肯定是NO ...
linux qt绘框,Qt绘制异形窗体
异形窗体即不规则窗体,一般采用png图片,一般绘制异形窗体分两步: 1.设置遮罩区 2.绘制图片使用png图片的透明部分作为遮罩区,然后绘制图片,这样我们就看到一个只绘制了非透明部分的图形,废话少说 ...
python制作窗口界面_python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
窗口背景主要包括,背景色与背景图片,设置窗口背景有三种方法使用QSS设置窗口背景使用QPalette设置窗口背景实现PainEvent,使用QPainter绘制背景 QSS设置窗口背景在QSS ...
Qt Creator形状
Qt Creator形状形状长方形形状您可以使用Rectangle类型在"表单编辑器"中绘制基本形状. 库中的大多数视觉类型都是基于项目类型的.即使它本身没有视觉外观(例如 ...
QT绘制多边形-----五边形
*QT绘制多边形今天学习qt绘制多边形的绘制 1.先创建一个新项目Application->Qt Widgets Application 2.在头文件.h添加: protected: //在保 ...
如何用Qt绘制一颗好看的二叉树
原创~~作者码字不易,如需转载请注明出处,谢谢~ 欢迎来我的博客小站(Aayu Yain = 学无止境 = 阿宇的可爱博客)逛一逛,有惊喜呦~ 最近在学习数据结构二叉树,通过在C++控制台界面已实现了 ...

Qt绘制形状不规则窗口（一）

Qt绘制形状不规则窗口（一）相关推荐

最新文章

热门文章