精华内容
下载资源
问答
  • 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 ...

    QT设置按钮边界样式

    本学习添加三个按钮来做研究:

    QVBoxLayout* vbox = new QVBoxLayout();
    QWidget* w = new QWidget(this);
    this->setCentralWidget(w);
    m_btn = new QPushButton("btn1",this);
    m_btn2 = new QPushButton("btn2",this);
    m_btn3 = new QPushButton("btn3",this);
    m_btn->setFixedHeight(100);
    m_btn2->setFixedHeight(100);
    m_btn3->setFixedHeight(100);
    

    设置背景
    // this->setWindowOpacity(0.5); //全透明,包含控件
    // this->setAttribute(Qt::WA_TranslucentBackground, true); //全透明不包含控件
    this->setObjectName(“yjd”);
    this->setStyleSheet(“QMainWindow#yjd{background-color:rgb(0,200,200)}”); //设置不继承给子类的背景颜色

    //none :  无边框。与任何指定的border-width值无关
    //hidden :  隐藏边框。IE不支持
    //dotted :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
    //dashed :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
    //solid :  实线边框(常用)
    //double :  双线边框。两条单线与其间隔的和等于指定的border-width值
    //groove :  根据border-color的值画3D凹槽
    //ridge :  根据border-color的值画菱形边框
    //inset :  根据border-color的值画3D凹边
    //outset :  根据border-color的值画3D凸边
    
    m_btn->setStyleSheet("QPushButton{background-color:black;"
                         "color:white;"    //字体颜色
                         "border-radius:50px}");    //边界弧度
                         
    m_btn2->setStyleSheet("QPushButton{background-color:rgb(0,0,200);"
                          "border:10px solid gray;}"); //边界宽度,样式,颜色
                          
    m_btn3->setStyleSheet("QPushButton{background-color:yellow;"
                          "border-style:dashed;"            //设置样式。注意:此类方式设置,最好带上此项设置,否则其它关于边界的设置可能无效。
                          "border-left-style:solid;border-right-style:outset;border-top-style:none;border-bottom-style:dotted;"//分别设置四个方向的样式。
                          "border-color:white;"               //设置总体的边界颜色  //分别设置四个方向的颜色                 border-left-color:red;border-right-color:black;border-top-color:rgb(122,255,23);border-bottom-color:green;
                          "border-width:5px;}");              //设置总体的边界宽度  //分别设置四个方向的边界宽度        border-left-width:5px;border-right-width:5px;border-top-width:15px;border-bottom-width:10px;
    
    vbox->addWidget(m_btn);
    vbox->addWidget(m_btn2);
    vbox->addWidget(m_btn3);
    w->setLayout(vbox);
    
    展开全文
  • Windows下Qt Creator设置IDE菜单字体样式

    千次阅读 2019-10-11 21:50:42
    Windows下Qt Creator设置IDE菜单字体样式 本文为解决以下问题: IDE的菜单字体太小 IDE的菜单字体样式,可以更换为微软雅黑 创建样式文件 在Qt Creator目录下C:\Qt\Qt5.12.2创建 custom-style.css 文件,内容如下...

    Windows下Qt Creator设置IDE菜单字体样式

    本文为解决以下问题:

    1. IDE的菜单字体太小
    2. IDE的菜单字体样式,可以更换为微软雅黑

    创建样式文件

    在Qt Creator目录下C:\Qt\Qt5.12.2创建 custom-style.css 文件,内容如下:

    QWidget
    {
    font: 12pt "Microsoft YaHei";
    }
    
    QPlainTextEdit
    {
    font: 12pt "Microsoft YaHei";
    }
    
    QTreeView, QTextEdit, QListView, QLineEdit, QLabel, QToolTip, QMenu
    {
        font:  "Microsoft YaHei";
    }
    

    创建启动脚本

    在Qt Creator目录下C:\Qt\Qt5.12.2创建 start.bat 文件,内容如下:

    @echo off 
    start C:\Qt\Qt5.12.2\Tools\QtCreator\bin\qtcreator.exe --platform windows:dpiawareness=0 --stylesheet C:\Qt\Qt5.12.2\custom-style.css
    netsh wlan start hostednetwork 
    taskkill /f /im cmd.exe
    exit
    

    上面的Qt Creator路径大家根据实际安装目录替换。

    替换桌面启动快捷方式

    鼠标右键Qt Creator的快捷启动文件,将 【快捷方式】->【目标】中的程序路径替换成启动脚本即可,如果对图标有要求,大家可以自行更换,
    最后点击【应用】和【确定】。

    管理员方式运行

    鼠标右键Qt Creator的快捷启动文件,在【快捷方式】中的【高级】按钮中勾选以管理员方式运行,最后点击【应用】和【确定】。

    展开全文
  • 可通过样式表来设置按钮的外观。 ui->buttonCheck->setStyleSheet( //正常状态样式 "QPushButton{" "background-color:#67a6f8;"//设置按钮背景色 "border-radius:5px;"//设置圆角半径 "colo

    可通过样式表来设置按钮的外观。

    ui->buttonCheck->setStyleSheet(
                         //正常状态样式
                         "QPushButton{"
                         "background-color:#67a6f8;"//设置按钮背景色
                         "border-radius:5px;"//设置圆角半径
                         "color:white;"//设置按钮字体颜色
                         "}"
    
                         //鼠标悬停样式
                         "QPushButton:hover{"
                         "background-color:#5f9ae6;"
                         "color:white;"
                         "}");

    这是为某一个特定的按钮设置样式,如果希望为所有的按钮设置相同的样式,可将第一行代码做修改。

    setStyleSheet(
                     //正常状态样式
                     "QPushButton{"
                     "background-color:#67a6f8;")
                     "border-radius:5px;"
                     "color:white;"
                     "}"
                     //鼠标悬停样式
                     "QPushButton:hover{"
                     "background-color:#5f9ae6;"
                     "color:white;"
                     "}");

    效果如下:

    展开全文
  • QT怎么设置字体轮廓、字体位置、字体样式、字体间距、窗口背景色大小、隐藏鼠标图标
  • Qt--样式设置按钮样式

    万次阅读 多人点赞 2018-04-25 15:37:44
    按钮样式设置: 通过样式表来设置按钮的样子,包含正常显示状态,按下状态,悬停状态,这是设置当前窗口下全局的按钮,可以根据自己的需要进行修改。   setStyleSheet( //正常状态样式 "QPushButton{...

    按钮样式表设置:

    通过样式表来设置按钮的样子,包含正常显示状态,按下状态,悬停状态,这是设置当前窗口下全局的按钮,可以根据自己的需要进行修改。

     

      setStyleSheet(
                       //正常状态样式
                       "QPushButton{"
                       "background-color:rgba(100,225,100,30);"//背景色(也可以设置图片)
                       "border-style:outset;"                  //边框样式(inset/outset)
                       "border-width:4px;"                     //边框宽度像素
                       "border-radius:10px;"                   //边框圆角半径像素
                       "border-color:rgba(255,255,255,30);"    //边框颜色
                       "font:bold 10px;"                       //字体,字体大小
                       "color:rgba(0,0,0,100);"                //字体颜色
                       "padding:6px;"                          //填衬
                       "}"
                       //鼠标按下样式
                       "QPushButton:pressed{"
                       "background-color:rgba(100,255,100,200);"
                       "border-color:rgba(255,255,255,30);"
                       "border-style:inset;"
                       "color:rgba(0,0,0,100);"
                       "}"
                       //鼠标悬停样式
                       "QPushButton:hover{"
                       "background-color:rgba(100,255,100,100);"
                       "border-color:rgba(255,255,255,200);"
                       "color:rgba(0,0,0,200);"
                       "}");

    效果:

    如果想设置单个的按钮样式,则把开始的一行修改成:

     

    ui->pushButton_2->setStyleSheet(
                                       //正常状态样式

    通过UI指向按钮进行修改样式表就可以了。

     

    实现换肤:

    在Qt的中也可以通过把样式表的内存存储到文件中,再进行读取设置,就可以实现进行换肤的功能:

     

     //这是在Qt的资源下的文件,可以不用在资源下
        QFile file(":/my.qss");
        //只读方式打开文件
        file.open(QFile::ReadOnly);
        //读取文件的所有内容,并转换成QString类型
        QString styleSheet = tr(file.readAll());
        //设置样式表
        setStyleSheet(styleSheet);

     

    展开全文
  • 在代码实现: ui->Btn->setStyleSheet("background-...改变样式表-> background-color:rgb(43,143,255);color:rgb(255,255,255);font:10pt '微软雅黑' background-color:rgb(43,143,255)–按钮背景颜色;
  • Qt 按钮设置样式

    千次阅读 2013-07-11 19:44:59
    设置按钮的状态, 默认状态, 鼠标滑过状态, 鼠标点击状态,用三张图片分别表示不同的状态 ui->close->setStyleSheet("QPushButton{border-image: url(:/image/close.png);}" "QPushButton:hover{border-image: ...
  • QT设置ToolButton按钮样式

    千次阅读 2016-01-11 16:03:27
    /*按下按钮后*/   color:rgb(255, 255, 255);  min-height:20;  border-style:solid;  border-top-left-radius:2px;  border-top-right-radius:2px;  background: qlineargradient(x1: ...
  • 本博客主要总结Qt中设置pushButton按钮的背景色和字体颜色,具体的内容如所述:   1.1设置背景色可以用函数setStyleSheet("background: rgb(0,255,0));   1.2设置字体颜色用函数setStyleSheet("...
  • 前言导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2属性,配合QPainter这个...
  • 主要用在一些需要直接在按钮执行动作显示对应进度的场景,在很多网页经常看到这种效果,这个效果有个优点就是直接在原地显示进度条,不占用其他位置,然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了,...
  • Qt按钮qss样式总结

    千次阅读 2019-06-18 13:27:48
    Qt的界面可以通过qss语法优化,相对于MFC方便了很多,不用继承,重写按钮类的相关类和方法,用类似css样式表的语句即可进行美化,UI和主程序无关,例如下面是一个优化后的按: 设置了倒角,边框,背景,鼠标...
  • 前言动画按钮组控件可以用来当做各种漂亮的导航条用,既可以设置成顶部底部+左侧右侧,还自带精美的滑动效果,还可以设置悬停滑动等各种颜色,原创作者雨田哥(QQ:3246214072),驰骋Qt控件界多年,雨田哥是我见过的在...
  • 源码下载:点击下载源码GithubPage:https://joeyos.github.io基本功能: - 文件传输 - 自定义菜单按钮 - 更换背景皮肤 - 支持Enter键发送消息 - 文本区域滚动条自定义样式 - 聊天窗口带阴影 - 能更改字...
  • QT中设置字体和更改字体颜色

    万次阅读 2011-04-15 15:15:00
    QT中设置字体和更改字体颜色 <br /> 对一个文本框lineEdit设置字体,首先我建了一个按钮setFontButton用来设置 并定义了它的相应函数setFont,将setFontButton添加到布局中,并通过connect()...
  • Qt 按钮样式

    2020-08-13 17:49:00
    一个按钮可以通过添加相应的样式即(btn -> setStyleSheet)实现按钮的美化。 而按钮样式可分为如下所示: "background-color:rgba(100,225,100,30); 背景色,rgba分别为红绿蓝色以及透明度 “QPushButton{”...
  • Qt设置按钮为圆形

    千次阅读 2019-07-31 13:49:00
    通过Qt样式表实现圆形按钮,其也可以实现圆角按钮,当然也可以使用其他的方式,比如说,通过派生按钮类使用绘图事件,进行一个图形的绘制,或者是通过自定义一个类,通过信号与槽的机制与绘图事件的配合也能实现...
  • 一、前言在做各种各样的项目,难免遇到需要设定自己界面风格样式的时候,而Qt提供的qss就是牛逼的为了实现定制各种各样的皮肤的,其实一个完美的UI界面,主要由两大块组成,一个是颜色搭配,一个是布局,这两个...
  • QT设置背景图片以及设置按钮

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

    千次阅读 2020-09-14 17:56:42
    %>_使用QT渐变样式设置字体渐变效果 QPushButton { background-color: rgb(35,35,35);//按钮背景色 border:2px solid rgb(35,35,35);//按钮边框颜色 font: 87 12pt "Arial Black";//按钮字体 加粗 大小 字体种类 ...
  • Qt中设置按钮或QWidget的外观是,可以使用QT Style Sheets来进行设置,非常方便。 可以用setStyleSheet(“font: bold; font-size:20px; color: rgb(241, 70, 62); background-color: green”);来进行设置,其他的...
  • 很麻烦的,自定义类继承Button,新手估计还搞不定,怎么也有上百行代码,实在不友好,Qt诞生大大简化了这些工作,只需要使用QSS(QtStyleSheet)就可以轻松做到,最近详细了解了QSS,做了个百度网盘的登录...
  • 一、前言前面几篇文章的控件基本上难度系数接近0,甚至有凑控件数量的嫌疑,这次必须来一个强悍的控件,本控件难度系数在所有控件排前五,代码量也不少,头文件都550行,实现文件1600行,为什么这么多呢,其实本...
  • Qt利用setStyleSheet设置样式

    万次阅读 2016-05-16 15:30:00
    Qt中设置按钮或QWidget的外观是,可以使用QT Style Sheets来进行设置,非常方便。 可以用setStyleSheet("font: bold; font-size:20px; color: rgb(241, 70, 62); background-color: green");来进行设置,其他的样式...
  • QT设置字体

    2017-12-28 19:13:44
    //第一个属性是字体(微软雅黑),第二个是大小,第三个是加粗(权重是75) ui->label->setFont(font);常见权重 QFont::Light - 25 高亮 QFont::Normal - 50 正常 QFont::DemiBold - 63 半粗体 QFont::Bold -
  • Qt中,常用控件都可以用QSS来设置颜色和背景,下面本文将举一个实例,示范QSS用法。本文实例的主要内容是,设置两个pushbutton按钮字体颜色和背景色。同时,本文也总结了利用布局管理器,设置两个按钮跟上下空间...
  • Qt界面样式中字体设置

    千次阅读 2020-03-04 14:23:40
    参考博客:https://blog.csdn.net/mhw828/article/details/104143881 QPushButton { font: 12pt "Microsoft YaHei"; }

空空如也

空空如也

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

qt设置按钮字体样式