Qt 设置窗口背景图片的几种方法实例 |
您所在的位置:网站首页 › qq设置背景怎么设置方法 › Qt 设置窗口背景图片的几种方法实例 |
1.在paintEvent事件中绘制图片 void Widget::paintEvent(QPaintEvent * ev) { QPainter painter(this); painter.drawPixmap(rect(),QPixmap(":/bg.jpg"),QRect()); }drawPixmap在Widget的整个矩形区域绘制背景图片,第三个参数为要绘制的图片区域,传入空的矩形表示整个图片区域。通过这种方式可以将图片平铺到窗口上,缺点就是要使用paintEvent事件需要新建一个类,不适合子窗口。 2.使用调色板QPalette来设置图片 QPalette pal =this->palette(); pal.setBrush(QPalette::Background,QBrush(QPixmap(":/bg.jpg"))); setPalette(pal);首先获得Widget的调色板,然后设置设置调色板背景(setBrush),最后将调色板设置到Widget中。 3. 使用样式表(setStyleSheet) 使用样式表可以很方便设置界面,而且非常高效,还能让界面和逻辑分离。真的是Qt里非常好用的一个东西,设置背景图片的语句也很简单. setStyleSheet("border-image:url(:/bg.jpg)");一句话就搞定了,这里使用border-image属性可以让图片平铺到窗口,效果与第二点一样。不过在本例中由于Widget是顶层窗口,所以直接设置样式表也不会显示。所以样式表比较适合子窗口来使用。 注意这三者的使用: 4.使用间接的方式来设置背景 比如说在窗口上覆盖一个QLabel,这个label始终与窗口一样大。然后在label中设置图片,视觉效果上和直接给窗口设置背景图片一样。 Widget::Widget(QWidget *parent) : QWidget(parent) { m_lblBg = new QLabel(this); m_lblBg ->setPixmap(QPixmap(":/bg.jpg")); m_lblBg ->setScaledContents(true); } void Widget::resizeEvent(QResizeEvent * ev) { m_lblBg->resize(this->size()); }创建一个label作为Widget的子窗口,然后设置图片。通过在Widget的resizeEvent事件中设置label的大小与Widget一致。这里需要注意调用QLabel的setScaledContents(true),否则效果和第一种一样。由于QLabel可以用来显示动图因此使用这种方式可以实现窗口的动态背景图片。 如果你用的是界面类的话,你还可以通过Widget等画布,放大到和窗口一样大小,然后再画布上加载图片,从而达到设置背景图的效果。 /*************************** 主界面设置背景一般有设置背景图片和背景颜色的需求,其实二者之间设置方法类似 目录 主界面设置背景一般有设置背景图片和背景颜色的需求,其实二者之间设置方法类似 方法一:最简单的方式是通过ui界面来设置,例如设置背景图片
方法二 :通过代码设置窗口的palette属性来实现 方法三:通过重写paintEvent事件,来设置背景图片和背景颜色 方法四:通过代码中设置样式表,其与方法一类似 首先说明一下background-image、border-image、image三种区别 background-image:简单理解就是将图片从部件的左上角开始贴图,部件的大小限制了显示图片范围;好比是我们按照部件的大小来裁剪图片 border-image:就是将贴图缩放进到部件里,部件能看到完整图片,但是此时图片会被压缩的变形 iamge:部件会按照图片的原始大小进行填充 方法一:最简单的方式是通过ui界面来设置,例如设置背景图片 在添加资源的下拉框有三种方式: 选择background-image之后会有个问题,就是窗口上的其它子部件也会贴上图,如下:
这种添加方式会让所有部件都会贴图,肯定不行;需要把background-image: url(:/image/background.png);放在#MainWindow{}里(MainWindow为主窗口的对象名),意思就是只针对主窗口设置有效,子部件无用; 设置前 设置后 背景色设置和背景图片设置也是一样的道理,如果不想窗口中的部件颜色和主窗口一样,也是需要#MainWindow来设置限定范围
设置完效果如下:
方法二 :通过代码设置窗口的palette属性来实现 1)背景图片设置 QPixmap pixmap=QPixmap(":/image/background.png").scaled(this->size()); QPalette palette; //设置主窗口背景图片 palette.setBrush(QPalette::Window,QBrush(pixmap)); 2).背景颜色设置 QPalette palette; //设置主窗口背景颜色 palette.setColor(QPalette::Window,QColor(255, 150, 30)); this->setPalette(palette); 方法三:通过重写paintEvent事件,来设置背景图片和背景颜色 1)设置背景图片 void MainWindow::paintEvent(QPaintEvent *) { QPainter painter(this); QPixmap pixmap(":/image/background.png"); painter.drawPixmap(this->rect(),pixmap); } 2)设置背景颜色 void MainWindow::paintEvent(QPaintEvent *) { QPainter painter(this); QColor color(255, 150, 30); painter.setBrush(color); painter.drawRect(this->rect()); } 方法四:通过代码中设置样式表,其与方法一类似 1)设置主窗口背景图片 this->setStyleSheet("QMainWindow {background-image:url(:/image/background.png)}"); 2).设置主窗口背景颜色 this->setStyleSheet("QMainWindow {background-color:rgb(255, 150, 30)}");
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |