精华内容
下载资源
问答
  • Qt设置按钮背景图片

    千次阅读 2020-01-01 02:32:34
    用qss可以修改按钮的样式,但是一些复杂的图形用图片来做显示效果更好,下面给出Qt按钮添加图片的方法,直接用setIcon的方法,图片会被缩放,下面的方法正常显示 //设置按钮图标,按钮的默认大小是 30*30,可以...

           Qt有丰富的样式表,可以很方便的改变界面的风格,下面给出Qt按钮添加图片的方法,直接用setIcon的方法,图片会被缩放,下面的方法正常显示

    //设置按钮图标,按钮的默认大小是 30*30,可以自己指定
    void setButtonImage(QPushButton *button, QString image)
    {  
        button->setText("");
    	QPixmap pixmap(image);
    	QPixmap fitpixmap = pixmap.scaled(30, 30, Qt::IgnoreAspectRatio, Qt::SmoothTransformation);
    	button->setIcon(QIcon(fitpixmap));
    	button->setIconSize(QSize(30, 30));
    	button->setFlat(true);  
    	button->setStyleSheet("border: 0px"); //消除边框
    }

            注意:按钮上的文本得去掉,不然图片位置会变动,image可以是qrc里的文件。

            如果公司有美工,可提供三态图片,那更方便,直接用背景图片修改,qss代码如下:

    /*正常显示*/
    QPushButton
    {
        background-image:url(":/demo/pictures/1.png");
    }
     
    /*鼠标悬浮*/
    QPushButton:hover
    {
        background-image:url(":/demo/pictures/2.png");
    }
     
    /*按钮按下*/
    QPushButton:pressed
    {
    	background-image:url(:/demo/pictures/3.png)
    }
    

         如需要全局设置qss, 那么需要用#指定某个按钮,如下:

    QPushButton#btnOpen:hover
    {
        ...
        ...
    }

      注意:图片的名字不能包含特殊字符,例如@、¥等,包含特殊字符的图片在用代码setStyleSheet设置样式时可能无效.

    展开全文
  • QT设置背景图片以及设置按钮

    千次阅读 2018-08-14 15:10:46
    1.Qt设置背景图片  ①。设置UI窗口背景图片,需要在构造函数添加以下代码: this-> setAutoFillBackground(true); QPalette palette = this-> palette();  Palette.setBrush(Qpalette ::...

    1.Qt设置背景图片

             ①。设置UI窗口背景图片,需要在构造函数中添加以下代码:
             this-> setAutoFillBackground(true);
             QPalette palette = this-> palette();

             Palette.setBrush(Qpalette ::窗口,QBrush(QPixmap的( “:RES / picture.png”)。

             缩放(这 - >尺寸(),Qt的:: IgnoreAspectRattio,

             Qt的:: smoothTransformation)));

             这 - >调用SetPalette(调色板);

    2.设置按钮颜色,及字体方式

    在UI界面选择按钮后在属性栏里找到样式选项,添加以下代码:

    背景色:RGBA(100,255,100,30); //背景颜色

    边框样式:开始; //边框样式

    边框宽度:4像素; //边框宽度像素

    3.Qt中利用标签显示图片,导致图片不能显示不全或者显示的图片扭曲不成比例的解决办法如下:

    例:

    QImage图像;

    Image.load( “:/ t.jpg”);

    QPixmap pixmap = Qpixmap :: fromImage(Image);

    int With = ui-> labpic-> width();

    int height = ui-> labpic-> height();

    //饱满填充

    QPixmap fitPixmap = pixmap.scaled(With,height,Qt :: IgnoreAspectRatio,Qt :: smoothTransformation);

    //按比例缩放为标签的大小

    // QPixmap fitPixmap = pixmap.scaled(With,height,Qt :: keepAspectRatio,Qt :: smoothTransformation);

    UI-> labpic-> setpixmap(fitPixmap);

    4.显示标签图片有时需要将图片添加到资源,但添加大量图片后编译会报错,出现栈溢出,这时在.PRO文件

    中添加以下代码,即可解决此问题:

               CONFIG + = resources_big

     

    展开全文
  • Qt中按钮背景图片的切换设置

    千次阅读 2013-03-19 17:25:27
    转自:... 第一种方法:   ...使用setStyleSheet()函数进行设置: ...如将一个QPushButton类的按钮设置为: ui->btn_name->setStyleSheet("QPushButton{backgroun

    转自:http://gjianw217.blog.163.com/blog/static/26144182012871551233/

    第一种方法:

     

    第二种方法:

    使用setStyleSheet()函数进行设置:

    如将一个QPushButton类的按钮设置为:

    ui->btn_name->setStyleSheet("QPushButton{background-image: url(:/images/call_up.bmp);}" 
    "QPushButton:hover{background-image: url(:/images/call_hov.bmp);}" 
    "QPushButton:pressed{background-image: url(:/images/call_down.bmp);}");

    或者设置为字符串的形式,在初始化时调用:

    QString str="QPushButton#btn_name{background-image: url(:/images/call_up.bmp)}" 
                        "QPushButton#btn_name:hover{background-image: url(:/images/call_hov.bmp);}" 
                        "QPushButton#btn_name:pressed{background-image: url(:/images/call_down.bmp);}";

    参考1  参考2


    展开全文
  • QT 按钮切换背景图片

    千次阅读 2015-07-17 10:52:36
    如将一个QPushButton类的按钮设置为: ui->btn_name->setStyleSheet("QPushButton{background-image: url(:/images/call_up.bmp);}"  "QPushButton:hover{background-image: url(:/images/call_

    使用setStyleSheet()函数进行设置:

    如将一个QPushButton类的按钮设置为:

    ui->btn_name->setStyleSheet("QPushButton{background-image: url(:/images/call_up.bmp);}" 
    "QPushButton:hover{background-image: url(:/images/call_hov.bmp);}" 
    "QPushButton:pressed{background-image: url(:/images/call_down.bmp);}");

    或者设置为字符串的形式,在初始化时调用:

    QString str="QPushButton#btn_name{background-image: url(:/images/call_up.bmp)}" 
                        "QPushButton#btn_name:hover{background-image: url(:/images/call_hov.bmp);}" 
                        "QPushButton#btn_name:pressed{background-image: url(:/images/call_down.bmp);}";

    展开全文
  • Qt5按钮设置背景图片,但是按钮上面还有字. 怎么让背景图片模糊些,好让文字凸显出来? ![图片说明](https://img-ask.csdn.net/upload/201905/10/1557480794_251109.png) 如上图,字迹不清,希望能让...
  • Qt设置窗口、按钮背景

    千次阅读 2017-11-20 16:49:47
    Qt设置窗口、按钮背景色1、设置窗口背景色时使用如下样式表:background-image: url(:/img/png/BJ.png);使用后如果背景图片大小不够会被平铺。2、设置按钮图片,同样使用 setStyleShette 设置样式表,直接设置按钮的...
  • 设置按钮三种样式:默认/鼠标放上hover/鼠标单击press (不同背景色) 图片是一张:[img=http://img.my.csdn.net/uploads/201211/21/1353477451_9436.png][/img] 这个是我的设计的样式表 问题:[color=#FF0000]没有...
  • 1.使用QpushButton自带的API实现: void setIcon(const QIcon &...该方法使用了自带的函数设置,缺点是无法自由调整图标和文字之间的间距 2.使用Qlabel和布局嵌入在自带的QpushButton QLabel* label = n...
  • QT背景图片
  • Qt中如何给按钮加图标(背景图片

    千次阅读 2019-02-24 09:00:06
    Qt中如何给按钮加图标(背景图片) 1. Qt Designer中拖入一Tool Button 2. 选择图标的图片放入工程目录下,如放在Resources内 3. 双击工程的Resource Files下的qrc文件,如图 4. 在弹出的窗口中,...
  • QPushButton * pQBtn = new QPushButton( cBuff, this ); pQBtn->setStyleSheet("text-align: left;");//设置按钮文字显示位置-左对齐 pQBtn->setStyleSheet("background-color: ...//设置按钮背景颜色 pQBtn->setStyle
  • qt设置背景图片注意事项

    千次阅读 2015-11-18 01:14:19
    QT Create,对button或者window等部件设置背景、颜色、透明等样式时,需要用到style sheet,可以直接在代码里写,也可以在ui设计师里通过右键change style sheet的方法来设置,本人是使用的后面的方式,下面...
  • 方法1:使用样式表 setStyleSheet("QMainWindow {border-image:url(:/images/1.jpg);}"); 方法2:重载paintEvent void MainWindow::paintEvent(QPaintEvent *e) ...height(),QPixmap(":/images/1.jpg")).
  • QML设置背景图片/添加图片 首先 鼠标右键点击 "/"文件夹->添加现有文件 然后在工程根目录下找到图片文件添加 方法1: 在QML文件直接在Page{}下手动添加Image控件,如下图 我一般设置其相对于parent居中,并且...
  • 一个简单的按钮图片加载代码,一般人出现的问题都是加载的图片可能会很小,怎么解决这个问题呢?来看看下面的代码吧,对于相关的迷惑点我会给出讲解,同时在学习这个代码的过程我们也学学其他的一些功能实现。如何...
  • Qt中设置按钮透明的方法

    万次阅读 2015-01-28 18:09:30
    Qt中按钮实现透明的效果,查了好多资料,关于这个其实不是很多,总结下来可以用下面两种方法实现: 第一种方法:使用setFlat函数实现按钮透明的效果。 QPushButton *mode =new QPushButton(this); mode->...
  • QT中 窗口部件的 背景图片设置

    万次阅读 2014-09-05 15:40:15
    QT中 窗口部件的 背景图片设置 分类: QT2013-04-08 11:06 359人阅读 评论(0) 收藏 举报 目录(?)[+] 如何设置对话框的自定义的背景颜色?  2010-03-14 14:34:11| 分类: ...
  • QT设置按钮边界样式

    2021-04-19 18:53:30
    QT设置按钮边界样式 本学习添加三个按钮来做研究: QVBoxLayout* vbox = new QVBoxLayout(); QWidget* w = new QWidget(this); this->setCentralWidget(w); m_btn = new QPushButton("btn1",this); m_btn2 = new ...
  • [图片说明](https://img-ask.csdn.net/upload/201505/17/1431873711_645663.jpg) 运行后![图片说明](https://img-ask.csdn.net/upload/201505/17/1431873871_152987.png) 用frame ![图片说明]...
  • Qt中,常用控件都可以用QSS来设置颜色和背景,下面本文将举一个实例,示范QSS用法。本文实例的主要内容是,设置两个pushbutton按钮的字体颜色和背景色。同时,本文也总结了利用布局管理器,设置两个按钮跟上下空间...
  • LoginDialog w; w.setWindowFlags((Qt::WindowCloseButtonHint)&(Qt::WindowMinimizeButtonHint)); w.setMinimumSize(500,300); w.setMaximumSize(500,300); w.show(); 
  • QT中设置背景图不影响子控件 QT中设置背景图的方法不少,我这里是直接使用stylesheet来设置...界面中的子控件的背景也会被设置成同一背景图片,那么如何避免呢? 很简单,只需要 #objectname{border-image: url(:/...
  • 在父UI(MainWindow)中设置如下,则其子UI的背景图片不受影响 this->setStyleSheet(“QWidget#MainWindow{ border-image: url(:/new/prefix1/resource/background.png);}”);
  • QT简单添加背景图片

    2019-10-16 16:36:11
    简介:使用QT制作STM32控制器时,为了美化添加了简单背景图片,点击按钮弹出相应图片。此次主要介绍添加背景及弹出图片部分,此次没有和STM32连接所以部分功能没有展示,仅截取与图片相关部分。(此方法仅供参考,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,290
精华内容 1,716
关键字:

qt设置按钮背景图片