qt中实现不规则对话框有两种简单方式,一种是调用绘图函数自行绘制,一种是用qt的style sheet实现。
两种实现方式都依赖于不规则的图形资源。
第一种:自行绘制方式
第一步需要设置对话框为dlg属性且去掉系统自带的关闭、小化和最大化工具栏
setWindowFlags(Qt::Dialog | Qt::FramelessWindowHint);
第二步需要调整对话框的背景为透明,此时绘制上不规则的图片,才会有效果
setAttribute(Qt::WA_TranslucentBackground);
第三步重写qtdialog的绘制事件paintEvent,在函数中进行图片绘制
void LoginDlg::paintEvent( QPaintEvent *event )
{
QPainter painter(this);
painter.drawImage(QRect(0, 0, 750, 418), QImage(":/pics/UI_flat/bg_login.png"));
QDialog::paintEvent(event);
}
第二种qss方式
第一步设置同上
第二步也相同,多一步操作,这个操作非常重要:
setAttribute(Qt::WA_NoSystemBackground, false);
原因如下:
QDialog是可设置border-image样式的,但假如对话框设置了Qt::WA_TranslucentBackground属性,再show出来则发现,背景空空如也,完全被穿透,只有子控件悬在上面。这是因为,开启Qt::WA_TranslucentBackground属性还会导致Qt::WA_NoSystemBackground的打开,而它被打开后,绘制事件则不再绘制border-image中设置的图片了。
第三步通过qss设置dialog的border-image属性以实现贴图