精华内容
下载资源
问答
  • qss学习

    2019-03-29 22:44:19
    https://blog.csdn.net/qq21497936/article/details/79401577 https://blog.csdn.net/u011731378/article/details/80243639
    展开全文
  • QSS学习

    2017-04-11 17:49:00
    2019独角兽企业重金招聘Python工程师标准>>> ...

    /*****************菜单**********************/

        trayContextMenu->setStyleSheet(" QMenu {background-color: white;border-color:#0000ff #0000ff;border-style:solid;border-width:1px;}\
        QMenu::item{background-color:transparent;padding:3px 32px;margin:0px 3px;border-bottom:1px solid #DBDBDB;}\
        QMenu::item:selected{background-color:#2dabf9;}");

    /*******************************************/

    转载于:https://my.oschina.net/u/2430809/blog/877094

    展开全文
  • 4、QSS学习-subcontrol-origin https://blog.csdn.net/luokehua789789/article/details/78320169 5、阿里巴巴普惠体下载、安装。安装之后,直接就在Qt设计器中就可以看到 http://www.somode.com/softxz/61

    1、Qt控件的盒子模型

    2、QSS语法基础

    3、如何使用Qt帮助文档

    Qt中如何设置QComboBox的下拉列表的样式_敲定生活-CSDN博客_qcombobox下拉框样式

    4、QSS学习-subcontrol-origin

    QSS学习-subcontrol-origin_柒树-CSDN博客_subcontrol-origin

    5、阿里巴巴普惠体下载、安装。安装之后,直接就在Qt设计器中就可以看到

    阿里巴巴普惠体免费下载-阿里巴巴普惠体字体最新绿色下载 - 系统家园

    1、安装字体,安装过程中就能看到字体的名称

    2、字体载到程序中

    在项目中加载第三方字体

    //加载QSS
    void stylesheetQssFile(QApplication&a)
    {
        QFile qss(":/qss/SpermMorph.qss");  //从资源中加载
        if (qss.open(QFile::ReadOnly))
        {
    
            qDebug("open success");
    
            QString style = qss.readAll(); 
    
            a.setStyleSheet(style);  
    
            qss.close();
        }
    }
    
    //加载第三方字体:我的字体放在fonts文件夹
    void applicationLoadFonts()
    {
    	QDir fontDir(QCoreApplication::applicationDirPath() + QString("/fonts/"));
    	QFileInfoList subFileList = fontDir.entryInfoList(QDir::Files | QDir::CaseSensitive);
    	for (int i = 0; i < subFileList.size(); i++)
    	{
    		QString suffix = subFileList[i].suffix();
    		if (suffix.compare("otf") == 0 || suffix.compare("ttf") == 0)
    		{
    			QString filePath = fontDir.absolutePath() + "/" + subFileList[i].fileName();
    			QFontDatabase::addApplicationFont(filePath);
    		}
    	}
    }
    

    3、使用阿里字体遇到的问题:

    在Qt的设计器中,出现的字体,选择不同的Alibaba PuHuiTi只有一种效果。不知道是怎么回事

    使用过程中遇到的坑:

    1、设置控件的QSS无效解决思路

    1.1、检测控件是否设置了setObjectName,我就是没有设置控件的这个属性,找了好久

    1.2、将样式字符串在设计器中看看是否有效果,避免拼写错误。

    1.3、查看帮助助手参考第三点,有可能某些样式的生效依赖其他样式的设置。如background-color生效,得设置border。下面会讲到。

    1、有时候设置窗口QWidget背景图无效问题

    问题描叙:

    在设置登录界面的背景的时候,设置背景background-image无效

    解决方案:

    在窗口下面再嵌套一个窗口,再在嵌入的窗口中设置样式,如下图右边所示。可能是border的缘故也可能是qt的bug暂时不太明白为什么

    2、设置窗口背景色,子控件被影响

    问题描叙:在窗口上有很多控件,窗口有自己的背景颜色。

    当直接接在窗口上使用QSS设置背景色等样式,会影响子控件的背景色。

    原因:指定窗口的objectName,这样设置的背景样式就不会影响子控件的背景

    解决方案:如第一行,设置窗口的样式的时候,使用筛选器

    QWidget#widget
    {
    
    background: #F2F3F7;
    border-radius: 8px;
    border-radius: 8px;
    
    
    }
    
    QPushButton#ConnectBtn,
    QPushButton#DisconnectBtn,
    QPushButton#SaveBtn
    {
    border: 3px solid #63A9F9;
    box-shadow: inset 0 -2px 3px 2px #1760BF;
    border-radius: 8px;
    font-family: 阿里巴巴普惠体 B;
    font-size: 18px;
    color: #FFFFFF;
    
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/save button_normal.png);
    }
    
    QPushButton#ConnectBtn::pressed,
    QPushButton#DisconnectBtn::pressed,
    QPushButton#SaveBtn::pressed
    {
    
    
    	border-image: url(:/image_system_setting/Resources/images_new/system_setting/save button_selected.png);
    }
    
    
    
    
    
    QLabel,
    QCheckBox,
    QLineEdit
    {
    font-family: 阿里巴巴普惠体 M;
    font-size: 16px;
    color: #16214D;
    
    
    }
    
    
    
    QLineEdit
    {
    
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 8px;
    border-radius: 8px;
    }
    
    
    QComboBox
    {
    font-family: 阿里巴巴普惠体 M;
    font-size: 16px;
    color: #16214D;
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 8px;
    border-radius: 8px;
    }
    
    
    

    4、设置控件的background-color无效问题

    问题描叙:设置背景颜色无效。

    QHeaderView::section{background-color: red;}

    原因:设置背景色的时候,控件得同时设置border

    解决方案:设置border属性(可以设置为border:none; border:0px;)

    QHeaderView::section{background-color: red;

    border: 1px solid #6c6c6c;

    }

    推广到其他控件也是一样的:设置控件的背景色,需要同时指定border属性,指定为

    为border:none; border:0px;也可以使背景色生效

    5、使用阿里巴巴普惠体,中文字体,在qss包含中文乱码问题

    问题产生的原因:

    使用notepad编辑qss文件保存为utf-8编码格式

    在VS中使用QSS资源文件,保存格式为GB2312。2种编码格式不一致导致的。

    解决方法:在VS中,找到"高级保存",将QSS文件保存为utf-8

    /*
    1銆佸弻寮曞彿涓殑瀛椾綋鍙兘鏈変竴涓┖鏍?
    2銆佹渶濂戒娇鐢ㄥ弻寮曞彿鍖呭惈瀛椾綋
    3銆佺紪鐮佹牸寮忓緱涓簎tf-8
    4銆佸鏋滄帶浠剁殑border涓?px锛岃缃帶浠剁殑background-color鏃犳晥

    "闃块噷宸村反鏅儬浣?L"
    "闃块噷宸村反鏅儬浣?R"
    "闃块噷宸村反鏅儬浣?M"
    "闃块噷宸村反鏅儬浣?B"
    "闃块噷宸村反鏅儬浣?H"

    */ 
    QPushButton#m_pBtnView,
    QPushButton#m_pBtnCellClass,
    QPushButton#m_pBtnX40,
    QPushButton#m_pBtnX100
    {
        background: #B6CDFA;
        border-radius: 4px;
        border-radius: 4px;
        
        /*font-family: "闃块噷宸村反鏅儬浣?M";
        font-size: 16px;*/
        color: #FFFFFF;
        font:16px "闃块噷宸村反鏅儬浣?M";
        
    }

    使用QSS建议

    1、先按照控件类型来分类:QLineEdit、QLabel...

    2、针对每一种控件集合,如将QLineEdit划分为:style1、style2、style3...几种样式

    针对每种样式进行样式QSS编码

    3、以下时实际项目中的QSS文件,可以参考,但是不是很完善

    /*
    1、双引号中的字体只能有一个空格
    2、最好使用双引号包含字体
    3、编码格式得为utf-8
    4、如果控件的border为0px,设置控件的background-color无效
    
    "阿里巴巴普惠体 L"
    "阿里巴巴普惠体 R"
    "阿里巴巴普惠体 M"
    "阿里巴巴普惠体 B"
    "阿里巴巴普惠体 H"
    
    */ 
    QPushButton#m_pBtnView,
    QPushButton#m_pBtnCellClass,
    QPushButton#m_pBtnX40,
    QPushButton#m_pBtnX100
    {
    	background: #B6CDFA;
    	border-radius: 4px;
    	border-radius: 4px;
    	
    	/*font-family: "阿里巴巴普惠体 M";
    	font-size: 16px;*/
    	color: #FFFFFF;
    	font:16px "阿里巴巴普惠体 M";
    	
    }
    
    QPushButton#m_pBtnView:checked,
    QPushButton#m_pBtnCellClass:checked,
    QPushButton#m_pBtnX40:checked,
    QPushButton#m_pBtnX100:checked
    {
    	background: #4D96E7;
    	border-radius: 4px;
    	border-radius: 4px;
    	font-family: "阿里巴巴普惠体 B";
    	font-size: 20px;
    	color: #FFFFFF;
    	
    	
    }
    
    
    QWidget#m_logQueryWidget>QLabel,
    QWidget#m_logDeleteWidget>QLabel
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #16214D;
    } 
    
    /*QLineEdit的普通/
    QLineEdit
    {
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 8px;
    border-radius: 8px;
    background: #F2F3F7;
    
    font-family: "阿里巴巴普惠体 M";
    font-size: 14px;
    color: #16214D;
    }
    
    
    /*
    QLabel的普通设
    QLabel{
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #16214D;
    }
    
    */
    
    
    
    
    
    /*QComboBox的普通*/
    /*
    QComboBox{
    background: #F2F3F7;
    border-radius: 8px;
    border-radius: 8px;
    
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    }
    */
    
    
    /*QComboBox图像分析界面&质控界面*/
    
    
    
    
    /*QTableView的普通设*/
    QTableView#tableView
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 14px;
    color: #16214D;
    
    background: #F2F3F7;
    border-radius: 8px;
    border-radius: 8px;
    }
    
    */
    QTableView::item {
        height: 40px;
    }
    
    /*一般表的QHeaderView的普通设*/
    QHeaderView::section 
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #FFFFFF;
    background: #4D96E7;  
    border 1px;  
    height:40px;
    
    }
    
    /*样本列表*/
    QTableView#Sample_m_tabview
    {
    selection-background-color:#44c767;
    background: #F0F1FF;
    border-radius: 4px;
    border-radius: 4px;
    border:1px solid #E0DDDC;
    gridline-color:lightgray;
    
    font-family: "阿里巴巴普惠体 R";
    font-size: 20px;  
    color: #16214D;
    
    }
    
    /*样本列表表头*/
    QHeaderView#m_btnHeaderView
    {
    	background-color:#4D96E7;
    	height:36px;
    	font-family:"阿里巴巴普惠体 B";
    	font-size:16px;
    	border:1px; 
    	color:white;
    }
    
    QHeaderView#m_btnHeaderView::section
    {
    	background-color:#4D96E7;
    	border:0px solid #E0DDDC;
    	border-bottom:1px solid #E0DDDC;
    	height:36px;color:white;
    }
    
    
    
    /*QTableWidget的普通设*/
    QTableWidget
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 14px;
    color: #16214D;
    height:40px;
    }
    
    QTableWidget::item {
        height: 40px;
    }
    
    QPushButton#m_pBtnView,
    QPushButton#m_pBtnCellClass,
    QPushButton#m_pBtnX40,
    QPushButton#m_pBtnX100
    {
    	background: #B6CDFA;
    	border-radius: 4px;
    	border-radius: 4px;
    	
    	font-family: "阿里巴巴普惠体 M";
    	font-size: 16px;
    	color: #FFFFFF;
    }
    
    QPushButton#m_pBtnView:checked,
    QPushButton#m_pBtnCellClass:checked,
    QPushButton#m_pBtnX40:checked,
    QPushButton#m_pBtnX100:checked
    {
    	background: #4D96E7;
    	border-radius: 4px;
    	border-radius: 4px;
    	font-family: "阿里巴巴普惠体 B";
    	font-size: 16px;
    	color: #FFFFFF;
    	
    	
    }
    
    
    QPushButton#m_pBtnView4
    {
    
    	border-image: url(:/image_picture_analysis/4x view_normal);
    	
    	
    }
    
    QPushButton#m_pBtnView4:checked
    {
    	border-image: url(:/image_picture_analysis/4x view_select);
    }
    
    QPushButton#m_pBtnView16
    {
    
    	border-image: url(:/image_picture_analysis/16x view_normal);
    }
    
    QPushButton#m_pBtnView16:checked
    {
    	border-image: url(:/image_picture_analysis/16x view_s);
    }
    
    
    
    QPushButton#m_pBtnBeforePage
    {
    border-image: url(:/image_picture_analysis/turn left_n);
        
    }
    
    QPushButton#m_pBtnBeforePage:hover
    {
       
    	border-image: url(:/image_picture_analysis/turn left_s);
    }
    
    QPushButton#m_pBtnBeforePage:pressed
    {
    border-image: url(:/image_picture_analysis/turn left_n);
        
    }
    
    QPushButton#m_pBtnBeforePage:!enabled
    {
       
    	border-image: url(:/image_picture_analysis/turn left_unclick);
    }
    
    QPushButton#m_pBtnNextPage
    {
    
    	border-image: url(:/image_picture_analysis/turn right_n);
        
    }
    
    QPushButton#m_pBtnNextPage:hover
    {
       
    	
    	border-image: url(:/image_picture_analysis/turn right_s);
    }
    
    QPushButton#m_pBtnNextPage:pressed
    {
    border-image: url(:/image_picture_analysis/turn right_n);
    }
    
    QPushButton#m_pBtnNextPage:!enabled
    {
       
    	border-image: url(:/image_picture_analysis/turn right_unclick);
    }
    
    
    QPushButton#m_importFileBtn
    {
    	border-image: url(:/image_picture_analysis/importing files_n);
    
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #FFFFFF;
    text-align:left;
    padding-left:46px;
    
    
    
    }
    
    QPushButton#m_importFileBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/importing files_s);
    }
    
    QComboBox#m_comBoBoxQuery
    {
    /*
    	background: #4D96E7;
    	border-radius: 4px;
    	border-radius: 4px;
    
    	font-family: "阿里巴巴普惠体 M";
    	font-size: 16px;
    	color: #FFFFFF;
    */
    }
    
    QPushButton#m_queryBtn
    {
    	border-image: url(:/image_picture_analysis/inquire_normal);
    
    }
    
    QPushButton#m_queryBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/inquire_select);
    }
    
    QPushButton#m_patientMessageBtn
    {
    	border-image: url(:/image_picture_analysis/patient information_normal);
    
    }
    
    QPushButton#m_patientMessageBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/patient information_select);
    }
    
    
    QPushButton#m_lisBtn
    {
    	border-image: url(:/image_picture_analysis/lis_normal);
    
    }
    
    QPushButton#m_lisBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/lis_select);
    }
    
    QPushButton#m_printBtn
    {
    	border-image: url(:/image_picture_analysis/print__normal);
    
    }
    
    QPushButton#m_printBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/print__select);
    }
    
    QPushButton#m_exportBtn
    {
    	border-image: url(:/image_picture_analysis/export_normal);
    
    }
    
    QPushButton#m_exportBtn:pressed
    {
    
    	border-image: url(:/image_picture_analysis/export_select);
    }
    
    
    QLabel#m_pLabColoredType
    {
    	opacity: 0.8;
    	font-family: "阿里巴巴普惠体 M";
    	font-size: 14px;
    	color: #4D96E7;
    }
    
    QLabel#softWareLab
    {
    	font-family:"阿里巴巴普惠体 M";
    	font-size: 16px;
    	color: #808080;
    }
    
    
    
    
    QPushButton#m_selectAllBtn
    {
    	border-image: url(:/image_quality_management/select all_normal);
    	
    	font-size: 14px;
    	font-family: "阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    }
    
    QPushButton#m_selectAllBtn:pressed
    {
    	border-image: url(:/image_quality_management/select all_select);
    }
    
    
    
    QPushButton#m_deleteBtn
    {
    	
    	border-image: url(:/image_quality_management/delete_normal);
    	font-size: 14px;
    	font-family: "阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    
    }
    
    QPushButton#m_deleteBtn:pressed
    {
    	
    	border-image: url(:/image_quality_management/delete_select);
    
    	
    }
    
    QPushButton#m_verfityBtn
    {
    	
    	border-image: url(:/image_quality_management/audit_normal);
    	font-size: 14px;
    	font-family: "阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    }
    
    QPushButton#m_verfityBtn:pressed
    {
    	
    	border-image: url(:/image_quality_management/audit_select);
    	
    	
    }
    
    QPushButton#m_reVerfityBtn
    {
    	
    	border-image: url(:/image_quality_management/cancel review_normal);
    	font-size: 12px;
    	font-family: "阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    }
    
    QPushButton#m_reVerfityBtn:pressed
    {
    	
    	border-image: url(:/image_quality_management/cancel review_select);
    
    	
    }
    
    QcImageAnalysisWidget>QPushButton#m_lisBtn
    {
    	border-image: url(:/image_quality_management/lis_normal);
    	font-size: 14px;
    	font-family: "阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    }
    
    QcImageAnalysisWidget>QPushButton#m_lisBtn:pressed
    {
    	border-image: url(:/image_quality_management/lis_select);
    }
    
    QcImageAnalysisWidget>QPushButton#m_exportBtn
    {
    	border-image: url(:/image_quality_management/export_normal);
    	font-size: 14px;
    	font-family:"阿里巴巴普惠体 M";
    	font-weight: 500;
    	text-align: top;
    	padding-top:43px;
    	color: #ffffff;
    	line-height: 21px;
    }
    
    QcImageAnalysisWidget>QPushButton#m_exportBtn:pressed
    {
    	border-image: url(:/image_quality_management/export_select);
    }
    
    
    QPushButton#m_pBtnFullScreen
    {
    	
    	border-image: url(:/image_picture_analysis/half screen_select);
    }
    
    QPushButton#m_pBtnFullScreen:checked
    {
    	border-image: url(:/image_picture_analysis/full screen_select);
    }
    
    
    QPushButton#m_pCheckIsEdit
    {
    	
    	border-image: url(:/image_picture_analysis/annotation_normal);
    }
    
    QPushButton#m_pCheckIsEdit:checked
    {
    	
    	border-image: url(:/image_picture_analysis/annotation_select);
    	
    }
    
    QPushButton#m_pBtnEdit
    {	
    	
    	border-image: url(:/image_picture_analysis/remarks_n);
    }
    
    QPushButton#m_pBtnEdit:pressed
    {
    	border-image: url(:/image_picture_analysis/remarks_click);
    	
    }
    
    QLabel#labelIsEdit
    {
    	font-family: "阿里巴巴普惠体 M";
    	font-size: 16px;
    	color: #4D96E7;
    }
    
    QLabel#m_processWarmMsg
    {
    	background: #E61717;
    	border-radius: 4px;
    	border-radius: 4px;
    	
    	font-family: "阿里巴巴普惠体 M";
    	font-size: 16px;
    	color: #FFFFFF;
    }
    
    QWidget#sampleListTableWidget
    {
    	font-family:"阿里巴巴普惠体 R";
    	font-size: 14px;
    	color: #16214D;
    }
    
    
    
    
    QPushButton#m_pBtnStatic,QPushButton#m_pBtnAnalys
    {
    	background-color:#4D96E7;
    	border-image: url(:/image_picture_analysis/drop down_n);
    }
    
    
    
    
    
    /*
    QScrollBar:horizontal {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 14px;
    background: #4D96E7;
    
    
    }
    							 
    QScrollBar::handle:horizontal {
    height:8px;
    background: #FFFFFF;
    border-radius: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    }
    
    QScrollBar::handle:horizontal:hover {
    background: #FEFEFE;
    }
    QScrollBar::sub-line:horizontal {
    width: 0px;
    background: transparent;
    subcontrol-position: left;
    }
    QScrollBar::add-line:horizontal {
    width: 0px;
    background: transparent;
    subcontrol-position: right;
    }
    QScrollBar::sub-line:horizontal:hover {
    background: rgb(68, 69, 73);
    }
    QScrollBar::add-line:horizontal:hover {
    background: rgb(68, 69, 73);
    }
    QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal {
    background: transparent;
    }
    
    
    QScrollBar:vertical {
    width: 14px;
    background: #4D96E7;
    
    }
    
    
    QScrollBar::handle:vertical {
    border-radius: 2px;
    background: #FEFEFE;
    margin-left: 3px;
    margin-right: 3px;
    width:6px;
    }
    QScrollBar::handle:vertical:hover {
    background: #FEFEFE;
    }
    QScrollBar::sub-line:vertical {
    height: 0px;
    background: transparent;
    subcontrol-position: top;
    }
    QScrollBar::add-line:vertical {
    height: 0px;
    background: transparent;
    subcontrol-position: bottom;
    }
    QScrollBar::sub-line:vertical:hover {
    background: rgb(68, 69, 73);
    }
    QScrollBar::add-line:vertical:hover {
    background: rgb(68, 69, 73);
    }
    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: transparent;
    }
    */
    
    /*系统设置界面按钮*/
    QPushButton#ConnectBtn,
    QPushButton#DisconnectBtn,
    QPushButton#SaveBtn,
    QPushButton#addBtn,
    QPushButton#deleteBtn,
    QPushButton#saveBtn,
    QPushButton#btnSave,
    QPushButton#pushButton_Connect,
    QPushButton#pushButton_Clear,
    QPushButton#pushButton_queryDirs,
    QPushButton#pushButton_reqImg,
    QPushButton#btnResetFactory,
    QPushButton#btnClearFileAndDB,
    QPushButton#btnSaveOther,
    QPushButton#btnSave1,
    QPushButton#btnReset1,
    QPushButton#btnReset,
    QPushButton#SettingBtn,
    QPushButton#btnSave,
    QPushButton#sureBtn,
    QPushButton#cancelBtn
    {
    font-family: "阿里巴巴普惠体 B";
    font-size: 18px;
    color: #FFFFFF;
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/save button_normal.png);
    }
    
    
    /*系统设置界面按钮点击样式*/
    QPushButton#ConnectBtn:pressed,
    QPushButton#DisconnectBtn:pressed,
    QPushButton#SaveBtn:pressed,
    QPushButton#addBtn:pressed,
    QPushButton#deleteBtn:pressed,
    QPushButton#saveBtn:pressed,
    QPushButton#btnSave:pressed,
    QPushButton#btnSave:pressed,
    QPushButton#pushButton_Connect:pressed,
    QPushButton#pushButton_Clear:pressed,
    QPushButton#pushButton_queryDirs:pressed,
    QPushButton#pushButton_reqImg:pressed,
    QPushButton#btnResetFactory:pressed,
    QPushButton#btnClearFileAndDB:pressed,
    QPushButton#btnSave1:pressed,
    QPushButton#btnSave:pressed,
    QPushButton#btnReset1:pressed,
    QPushButton#btnReset:pressed,
    QPushButton#btnSaveOther:pressed,
    QPushButton#SettingBtn:pressed,
    QPushButton#m_pBtnExport:pressed,
    QPushButton#m_pBtnQuery:pressed,
    QPushButton#sureBtn:pressed,
    QPushButton#cancelBtn:pressed
    {
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/save button_selected.png);
    }
    
    
    QComboBox#CommuComboBox,
    QComboBox#TransferComboBox
    QComboBox#authorityCombox
    {
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 8px;
    border-radius: 8px;
    
    } 
    
    
    QRadioButton#m_deleteBySelected,
    QRadioButton#m_deleteByDate
    {
    
    spacing: 10px; 
    padding: 10px;
    }
    
    QRadioButton#m_deleteBySelected::indicator,
    QRadioButton#m_deleteByDate::indicator
    {
    subcontrol-origin: border;
    subcontrol-position: left center;
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/dyk_n.png);
    
    }
    
    QRadioButton#m_deleteBySelected::indicator:checked
    QRadioButton#m_deleteByDate::indicator:checked
    {
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/dyk_s.png);
    
    }
    
    
    QComboBox#CommuComboBox::drop-down 
    QComboBox#TransferComboBox::drop-down 
    
    {
          subcontrol-origin: padding;
          subcontrol-position: top right;
          width: 20px;
       
    }
    
    QComboBox#CommuComboBox::down-arrow
    QComboBox#TransferComboBox::drop-arrow 
    {
     
    }
    
    
    QPushButton#StartAutoConnectCheckBox,
    QPushButton#RealTimeSendDataCheckBox,
    QPushButton#RealTimeSendLISCheckBox,
    QPushButton#ACKCheckBox
    {
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 4px;
    border-radius: 4px;
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/xfk_n.png);
    }
    
    QPushButton#StartAutoConnectCheckBox:checked,
    QPushButton#RealTimeSendDataCheckBox:checked,
    QPushButton#RealTimeSendLISCheckBox:checked,
    QPushButton#ACKCheckBox:checked
    {
    border-image: url(:/image_system_setting/Resources/images_new/system_setting/xfk_s.png);
    }
    
    
    QWidget#DataDicSettingWidgetClass>QLabel,
    QWidget#DataDicSettingWidgetClass>QRadioButton,
    QWidget#UserSettingWidgetClass>QLabel,
    QWidget#AnalysisModelWidget>QLabel,
    QWidget#AnalysisModelWidget>QRadioButton,
    QWidget#AnalysisModelWidget>groupBox,
    QWidget#InterfaceSetting>QCheckBox,
    QWidget#PrintBasicSettingWidget>QCheckBox,
    QWidget#m_logQueryWidget>QLabel,
    QWidget#m_logQueryWidget>QLabel,
    QWidget#m_logDeleteWidget>QLabel
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #16214D;
    }
    
    
    QWidget#DataDicSettingWidgetClass>QLineEdit,
    QWidget#UserSettingWidgetClass>QLineEdit,
    QWidget#AnalysisModelWidget>QLineEdit,
    QWidget#widget>QLineEdit,
    QWidget#PrintBasicSettingWidget>QLineEdit
    {
    
    border: 1px solid rgba(22,33,77,0.50);
    border-radius: 8px;
    border-radius: 8px;
    
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #16214D;
    }
    
    
    QWidget#UserSettingWidgetClass
    QWidget#CommonSetting
    {
    background: #FFFFFF;
    border-radius: 0 8px 8px 0;
    border-radius: 0px 8px 8px 0px;
    }
    
    QLabel#m_labelTitel,
    QLabel#m_labelStart,
    QLabel#m_labelEnd
    {
    font-family: "阿里巴巴普惠体 M";
    font-size: 16px;
    color: #16214D;
    }

    展开全文
  • QSS学习笔记

    2019-10-19 17:25:45
    1、建立文本文件,写入样式表内容,更改文件后缀名为qss; 2、在工程中新建资源文件*.qrc,将qss文件加入资源文件qrc中,此处注意prefix最好为"/",否则在调用qss文件时会找不到文件; 3、通过传入路径\文件名的方式...
    1、建立文本文件,写入样式表内容,更改文件后缀名为qss;
    2、在工程中新建资源文件*.qrc,将qss文件加入资源文件qrc中,此处注意prefix最好为"/",否则在调用qss文件时会找不到文件;
    3、通过传入路径\文件名的方式创建一个QFile对象,以readonly的方式打开,然后readAll,最后qApp->setStyleSheet就可以使qss生效。
    
       QApplication app(...);
       QFile qss("stylesheet.qss");
       qss.open(QFile::ReadOnly);
       app.setStyleSheet(qss.readAll());
       qss.close();
    

    盒子模型:每个 Widget 所在的范围都是一个矩形区域(无规则窗口也是一个矩形,只是有的地方是透明的,看上去不是一个矩形),像是一个盒子一样。QSS 支持盒子模型(Box Model),和 CSS 的盒子模型是一样的,由 4 个部分组成:content, padding, border, margin,也就是说,Widget 的矩形区域,用这 4 个矩形表示

    QPushButton{
    	border:1px solid;		//边框  (dotted:点状;solid:实线;double:双线;dashed:虚线)
    	border-radius:5px; 		//边框角弧度的半径
    	border-color:red;		//边框颜色
    	color:black;			//按钮上文字的颜色
        	font-family:Microsoft Yahei;	/*字体为微软雅黑*/
       	font-size:20pt;			 /*字体大小为20点*/	
    	background-color:white;		//背景颜色
    }
    

    /按钮按下态/

    QPushButton:pressed
    {
        /*背景颜色*/  
        background-color:rgb(14 , 135 , 228);
        /*左内边距为3像素,让按下时字向右移动3像素*/  
        padding-left:3px;
        /*上内边距为3像素,让按下时字向下移动3像素*/  
        padding-top:3px;
    }
    
    展开全文
  • Qt QSS学习

    2019-12-06 13:46:27
    Using QSS in Qt projects Create a txt file and write qss code Change the suffix name to qss Insert in project code QFile qssFile(":/qss/css.qss"); qssFile.open(QFile::ReadOnly); if(qssFile.isOpen())...
  • 界面美化QSS学习笔记

    2020-04-29 16:50:02
    由于工作需要,系统学习qt,最近正好想学一下界面美化,准备用博客记录一下知识点、和踩过的坑。就当做是笔记本吧。 之前修改控件的图片样式,只会点击右键样式表,自动导入,或者代码属性进行设置,但是这种方式...
  • QSS学习参考的网页

    2016-02-20 16:19:50
    1平步青云 平步青云 博客园 http://www.cnblogs.com/feiyangqingyun/tag/QT/ 2 漂亮的Qt控件 QSS代码例子 http://www.cnblogs.com/cy568searchx/p/3645388.html
  • QSS的使用一 菜单按钮 主要代码 初始化代码 QPixmap enc_pixmap(QCoreApplication::applicationDirPath()+"/toolWidget/ruanJian.png"); ui->tbtn_dec->setIcon(enc_pixmap); //设置按钮图片 ui->tbtn...
  • QSS学习-subcontrol-origin

    千次阅读 2017-10-23 16:27:33
    普通的 QSS 和 CSS 没什么区别,难度不大,但除此之外,想要使用好 QSS,还必须得掌握好 subcontrol,这个在 CSS 里没有,是 Qt 独有的。 什么是 subcontrol?一个复杂的 widget 由多个部分组成,它们可以是一个 ...
  • QSS学习之Subcontrol(很详细)

    千次阅读 2016-11-09 14:53:16
    普通的 QSS 和 CSS 没什么区别,难度不大,但除此之外,想要使用好 QSS,还必须得掌握好 subcontrol,这个在 CSS 里没有,是 Qt 独有的。 什么是 subcontrol?一个复杂的 widget 由多个部分组成,它们可以是一个 ...
  • Qss学习之一(属性设置)

    千次阅读 2015-09-08 22:52:53
    qss通过/*selector:declaration*/设置其属性参数等 我们在本地创建一个qss文件,然后在代码中加载即可 QFile qss("testqss.qss"); qss.open(QFile::ReadOnly); qApp->setStyleSheet(qss.readAll()); qss.close(); ...
  • 一、选择某个元件改变这个label 的文字颜色方法一:QWidget#labelTitle { color: white; } 方法二:#labelTitle { color:white; } 二、选择某类元件改变这一些toolButton的字体颜色.QToolButton { ...
  • 应用场景: 同一张样式表里对两个不同的TabWidget对象(TabBar方向不同)应用不同的样式。
  • 请参见地址: QSS 学习文档
  • QSS学习

    2019-12-30 14:04:02
    用了两个星期断断续续的...在学习PyQt5的时候,涉及到了QSS,据说和CSS差不多,我现在只用到几句QSS,所以理解不够。 -------------QSS语法--------------------------------------------- background-color:rgb(...
  • QSS基础知识学习

    千次阅读 2016-11-09 15:40:52
    这几天学习了下QSS空间的美化,以下是一些基础知识的总结! 建议QSS的使用步骤: 先在Designer里面写QSS,能实时的看到效果,满意后写到qss文件中 从文件中读取QSS复制给QString然后应用程序设置样式表,例如: ...
  • 学习QSS样式表示例,包含QSS样式表设置的各种方法以及自定义属性的使用,能够帮助理解QSS样式表。 可以根据我的文章联合学习
  • 学习Qss--Qss的特性

    2020-06-18 00:04:54
    qss的语法来源于css,而css的全称是Cascading StyleSheet,翻译过来叫做层叠样式表,也叫级联样式表。层叠性是css处理冲突的一种能力,只有在多个选择器匹配到同一个控件时才会发生层叠性,例如: btn1->...

空空如也

空空如也

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

qss学习