css – 如何在Qt样式中平滑缩小背景图像的尺寸?

默认情况下,Qt使用一种非常简单,快速和丑陋的缩放图像方式,Qt :: FastTransformation,可能是最近邻插值或类似的东西.

在处理QPixmap时,可以选择视觉上更好的缩放,例如,

pixmap = pixmap.scaledToHeight(height,Qt::SmoothTransformation);

但是,如果图像不在QPixmap对象中,而只是按钮的背景或其他小部件,我们可以做什么?

例如,以下是创建自动调整大小,完全自定义按钮的一种非常简单的方法,当与布局和setStretch()一起使用时,非常适合与分辨率无关的应用程序.

ui->pushButton->setStyleSheet(
    "QPushButton { border-image: url(:/img/button.png) 0 0 0 0 stretch stretch; }"
    "QPushButton:checked { border-image: url(:/img/button_checked.png) 0 0 0 0 stretch stretch; }"
    "QPushButton:pressed { border-image: url(:/img/button_pressed.png) 0 0 0 0 stretch stretch; }"
    "QPushButton:checked:pressed { border-image: url(:/img/button_checked_pressed.png) 0 0 0 0 stretch stretch; }"
    );

由于Qt样式表中的a deficiency,我使用了border-image而不是background-image.

如何使用样式表中使用的图像进行更平滑的缩放?

使用pixmaps实现相同的功能更不优雅.我将不得不总是捕获调整大小事件,重新计算我所有小部件的新大小,并手动重新绘制它们.

编辑:

有趣的是,如果图像被放大,平滑缩放与样式表一起使用,而在缩小图像时则不适用.

在以下示例中,在第一行中,使用32 * 32图标,在第二行中,使用大于2000 * 2000的统一网格.

解决方法

在内部,Qt使用QPainter绘制样式,QPainter在绘制缩放的pixmaps时使用双线性插值.当缩小因子足够小时,从质量角度来看,这具有主要缺点,例如参见 this bug report.为获得最佳质量,背景源图像应始终在目标大小的[0.5,2.0]因子内. AFAICT没有简单的方法摆脱这种限制.

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...