使用qss加载图片_qss加载图片,qssimage资源-CSDN文库

共10个文件

png：3个

cpp：2个

pro：1个

加载图片

鼠标事件

5星 · 超过95%的资源需积分: 45 132 浏览量 2018-05-28 15:15:15 上传评论收藏 32KB ZIP 举报

在Qt框架中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制应用程序的界面外观。QSS类似于网页设计中的CSS，它允许开发者通过文本文件定义控件的颜色、字体、边框等视觉属性，甚至可以实现复杂的布局和动画效果。在本主题中，我们将深入探讨如何使用QSS加载图片，以及如何结合鼠标事件来改变显示内容。我们需要理解QSS中如何引用图片。在QSS中，我们可以使用`url()`函数来指定一个图片路径作为背景图像或图标。例如，如果有一个图片文件`myimage.png`位于与QSS文件同一目录下，我们可以在样式表中这样写： ```css QPushButton { background-image: url(myimage.png); } ``` 这段代码将使所有QPushButton控件的背景显示为`myimage.png`。接下来，我们讨论如何在鼠标事件中触发显示不同内容。在Qt中，可以为任何QObject子类（如QWidget、QPushButton等）连接鼠标事件信号。例如，我们可以为`QPushButton`连接`pressed`和`released`信号，分别在鼠标按下和释放时执行相应操作： ```cpp QPushButton *button = new QPushButton("点击我"); button->setStyleSheet("background-image: url(normal.png);"); connect(button, &QPushButton::pressed, button, [button]{ button->setStyleSheet("background-image: url(pressed.png);"); }); connect(button, &QPushButton::released, button, [button]{ button->setStyleSheet("background-image: url(normal.png);"); }); ``` 这段代码会在鼠标按下时将按钮背景更改为`pressed.png`，鼠标释放后恢复为`normal.png`。此外，如果需要显示更复杂的内容，可以利用`Qt::WA_StyledBackground`属性。当这个属性被设置时，控件会根据QSS样式表渲染其背景，使得我们可以在样式表中控制更多细节。例如，添加一个带有图片和文本的按钮： ```cpp QPushButton *button = new QPushButton; button->setAttribute(Qt::WA_StyledBackground, true); button->setStyleSheet(R"( QPushButton { border: none; background-color: transparent; background-image: url(button_bg.png); color: white; font-size: 14px; } QPushButton:hover { background-image: url(button_bg_hover.png); } QPushButton:pressed { background-image: url(button_bg_pressed.png); } QPushButton::text { padding: 5px; } )"); button->setText("点击我"); ``` 这里，我们使用了三种不同的背景图片，分别对应按钮的默认状态、鼠标悬停和按下状态，同时设置了文本的内边距以确保文字与图片正确对齐。通过结合QSS和鼠标事件，我们可以创建具有动态效果且视觉吸引力强的用户界面。QSS的强大在于其灵活性，开发者可以根据需求自由定制界面的每一个细节，而鼠标事件则赋予了控件交互性，使得用户与界面的互动更加生动。在实际开发中，可以根据项目需求进行组合，创造出丰富的用户交互体验。

资源推荐

资源详情

资源评论

收起资源包目录

loadPicture.zip （10个子文件）

loadPicture

eventfilter.pro.user 32KB

main.cpp 185B

eventfilter.pro 426B

image

3.png 10KB

1.png 4KB

2.png 13KB

eventfilter.qrc 163B

eventfilter.cpp 4KB

eventfilter.ui 456B

eventfilter.h 612B

#include "eventfilter.h" #include "ui_eventfilter.h" EventFilter::EventFilter(QWidget *parent, Qt::WindowFlags f) : QDialog(parent, f) { setWindowTitle(tr("事件过滤")); label1 = new QLabel; Image1.load(":/image/1.png"); label1->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter); label1->setPixmap(QPixmap::fromImage(Image1)); label2 = new QLabel; Image2.load(":/image/2.png"); label2->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter); label2->setPixmap(QPixmap::fromImage(Image2)); label3 = new QLabel; Image3.load(":/image/3.png"); label3->setAlignment(Qt::AlignHCenter|Qt::AlignVCenter); label3->setPixmap(QPixmap::fromImage(Image3)); stateLabel = new QLabel(tr("鼠标按下标志")); stateLabel->setAlignment(Qt::AlignHCenter); QHBoxLayout *layout = new QHBoxLayout; layout->addWidget(label1); layout->addWidget(label2); layout->addWidget(label3); QVBoxLayout *mainlayout = new QVBoxLayout(this); mainlayout->addLayout(layout); mainlayout->addWidget(stateLabel); label1->installEventFilter(this); label2->installEventFilter(this); label3->installEventFilter(this); } EventFilter::~EventFilter() { } bool EventFilter::eventFilter(QObject *watched, QEvent *event) { if (watched == label1) { if (event->type() == QEvent::MouseButtonPress) { QMouseEvent *mouseEvent = (QMouseEvent *)event; if (mouseEvent->buttons() & Qt::LeftButton) stateLabel->setText(tr("左键按下左边图片")); else if (mouseEvent->buttons() & Qt::MidButton) stateLabel->setText(tr("中键按下左边图片")); else if (mouseEvent->buttons() & Qt::RightButton) stateLabel->setText(tr("右键按下左边图片")); QMatrix matrix; matrix.scale(1.8, 1.8); QImage tmpImg = Image1.transformed(matrix); label1->setPixmap(QPixmap::fromImage(tmpImg)); } if (event->type() == QEvent::MouseButtonRelease) { stateLabel->setText(tr("鼠标释放左边图片")); label1->setPixmap(QPixmap::fromImage(Image1)); } } else if (watched == label2) { if (event->type() == QEvent::MouseButtonPress) { QMouseEvent *mouseEvent = (QMouseEvent *)event; if (mouseEvent->buttons() &Qt::LeftButton) stateLabel->setText(tr("左键按下中间图片")); else if (mouseEvent->buttons() & Qt::RightButton) stateLabel->setText(tr("右键按下中间图片")); else if (mouseEvent->buttons() & Qt::MidButton) stateLabel->setText(tr("中键按下中间图片")); QMatrix matrix; matrix.scale(1.8, 1.8); QImage tmpImg = Image2.transformed(matrix); label2->setPixmap(QPixmap::fromImage(tmpImg)); } else if (event->type() == QEvent::MouseButtonRelease) { stateLabel->setText(tr("鼠标释放中间图片")); label2->setPixmap(QPixmap::fromImage(Image2)); } } else if (watched == label3) { if (event->type() == QEvent::MouseButtonPress) { QMouseEvent *mouseEvent = (QMouseEvent *)event; if (mouseEvent->buttons() & Qt::LeftButton) stateLabel->setText(tr("左键按下右边图片")); else if (mouseEvent->buttons() & Qt::MidButton) stateLabel->setText(tr("中键按下右边图片")); else if (mouseEvent->buttons() & Qt::RightButton) stateLabel->setText(tr("右键按下右边图片")); QMatrix matrix; matrix.scale(1.8, 1.8); QImage tmpImag = Image3.transformed(matrix); label3->setPixmap(QPixmap::fromImage(tmpImag)); } if (event->type() == QEvent::MouseButtonRelease) { stateLabel->setText(tr("鼠标释放右边图片")); label3->setPixmap(QPixmap::fromImage(Image3)); } } return QDialog::eventFilter(watched, event); }

评论收藏

内容反馈