Qt child widget stop inherit parent widget image(Qt子窗体stylesheet不继承父窗体stylesheet)

本文介绍了在Qt中为QWidget及其子类设置背景图片的两种方法:通过QPixmap和QPainter::drawPixmap(),以及利用setStyleSheet()。详细阐述了每种方法的实现步骤。

设置一个QWidget(及其子类)的背景图片的两种方法

方法一:将图片用QPixmap存储,使用QPainter::drawPixmap()

void BackGroundPicture::paintEvent( QPaintEvent * )
{
	QPixmap bkgnd(":/form/Resources/1.png");
	QPainter painter(this);
	painter.drawPixmap(this->rect(),bkgnd);
}

方法二:使用setStyleSheet()

这里有一点要注意,你直接在一个QWidget上使用setStyleSheet()方法设置背景图片是没有效果的。其中一个解决办法是在paintEvent()下添加如下配置
void BackGroundPicture::paintEvent( QPaintEvent * )
{
	QStyleOption o;
	o.initFrom(this);
	QPainter p(this);
	style()->drawPrimitive(QStyle::PE_Widget,&o,&p,this);
}

或者在QWidget上放置一个QFrame,将原先在QWidget上的所有组件都放在QFrame上。
	frame = new QFrame(this);
	frame->setStyleSheet("border-image: url(:/g/C:/Users/heqinghui/Desktop/history/background1.png)");

注意:使用setStyleSheet()方法时,子窗体对象会默认继承父窗体的背景图片,所以将setStyleSheet()改为如下方式(只让指定对象名设置该背景图片)

	frame->setObjectName("FrameObjectName");
	frame->setStyleSheet("#FrameObjectName { border-image: url(:/g/C:/Users/heqinghui/Desktop/history/background1.png); } ");

提示:QMainWindow已经处理过setStyleSheet()设置背景图片无效的情况,故无需处理,但是要处理子窗体会继承父窗体背景图片的情况。


### 阻止元素继承父元素样式的几种方法 在 CSS 中,某些样式属性会自动被元素继承,而另一些则会。如果需要阻止元素继承父元素的样式,可以采用以下几种方法: 1. **使用非继承属性替代继承属性** 对于一些具有继承性质的样式(如 `color`、`font-family` 等),可以通过使用其他非继承属性来间接实现效果。例如,使用 `rgba()` 来代替 `opacity` 属性,因为 `opacity` 会被元素继承,而 `rgba()` 会[^3]。 2. **明确为元素重新定义样式** 如果希望元素继承父元素的特定样式,可以直接为元素设置一个同的值。例如: ```css /* 父元素样式 */ .parent { color: red; } /* 元素重新定义颜色 */ .child { color: initial; /* 或者使用具体颜色值 */ } ``` 3. **使用 `initial` 或 `unset` 关键字** - `initial`:将属性值重置为其默认值(浏览器默认值)。 - `unset`:如果属性是可继承的,则将其重置为 `inherit`;否则重置为 `initial`。 ```css /* 使用 initial */ .child { color: initial; } /* 使用 unset */ .child { color: unset; } ``` 4. **通过 BFC 隔离父关系** 创建一个新的块级格式化上下文(BFC)可以隔离父元素之间的某些影响。例如,使用 `overflow: hidden` 可以阻止 margin 折叠和浮动覆盖等问题,但并直接阻止继承[^2]。 5. **调整 HTML 结构或引入同级元素** 如果无法避免继承问题,可以通过调整 HTML 结构,将需要特殊样式的部分移动到同级元素中。例如,将 `opacity` 属性应用到与父元素同级的容器中,而是直接作用于父元素[^3]。 6. **使用伪类或伪元素** 在某些情况下,可以利用伪类(如 `::before` 和 `::after`)来创建独立的样式区域,从而避免继承问题。 ```css /* 示例:使用伪元素避免继承 */ .parent { color: red; } .parent::after { content: ''; color: initial; /* 或者其他值 */ } ``` 7. **使用 `all` 属性重置所有样式** 如果需要完全重置元素的所有继承样式,可以使用 `all` 属性。它允许一次性将所有样式重置为 `initial` 或 `unset`。 ```css .child { all: unset; /* 或 all: initial; */ } ``` --- ### 注意事项 - 并非所有 CSS 属性都可以被继承。例如,`background-color`、`margin`、`padding` 等均会被元素继承[^1]。 - 在实际开发中,应根据具体需求选择最合适的方案,尽量避免过度依赖全局重置或复杂的结构调整。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值