太阳不下山 发表于 2021-7-8 15:43:48

Qt按钮qss样式总结

  Qt的界面可以通过qss语法优化,相对于MFC方便了很多,不用继承,重写按钮类的相关类和方法,用类似css样式表的语句即可进行美化,UI和主程序无关,例如下面是一个优化后的按:

  设置了倒角,边框,背景,鼠标停留,按下的效果,qss语句如下:
QPushButton
{
    /* 前景色 */
    color:green;

    /* 背景色 */
    background-color:rgb(223,223,223);

    /* 边框风格 */
    border-style:outset;

    /* 边框宽度 */
    border-width:0.5px;

    /* 边框颜色 */
    border-color:rgb(10,45,110);

    /* 边框倒角 */
    border-radius:10px;

    /* 字体 */
    font:bold 14px;

    /* 控件最小宽度 */
    min-width:100px;

    /* 控件最小高度 */
    min-height:20px;

    /* 内边距 */
    padding:4px;
}

/* 鼠标按下时的效果 */
QPushButton#pushButton:pressed
{
    /* 改变背景色 */

  
文档来源:51CTO技术博客https://blog.51cto.com/u_12570763/3012488
页: [1]
查看完整版本: Qt按钮qss样式总结