zoukankan      html  css  js  c++  java
  • Qt样式表(QComboBox下拉框)

    /* 未下拉时,QComboBox的样式 */
    QComboBox {
        border: 1px solid gray;   /* 边框 */
        border-radius: 3px;   /* 圆角 */
        padding: 1px 18px 1px 3px;   /* 字体填衬 */
        color: #000;
        font: normal normal 15px "Microsoft YaHei";
        background: transparent;
    }
    
    /* 下拉后,整个下拉窗体样式 */
    QComboBox QAbstractItemView {
        outline: 0px solid gray;   /* 选定项的虚框 */
        border: 1px solid yellow;   /* 整个下拉窗体的边框 */
        color: green;
        background-color: red;   /* 整个下拉窗体的背景色 */
        selection-background-color: lightgreen;   /* 整个下拉窗体被选中项的背景色 */
    }
    
    /* 下拉后,整个下拉窗体每项的样式 */
    QComboBox QAbstractItemView::item {
        height: 50px;   /* 项的高度(设置pComboBox->setView(new QListView());后,该项才起作用) */
    }
    
    /* 下拉后,整个下拉窗体越过每项的样式 */
    QComboBox QAbstractItemView::item:hover {
        color: #FFFFFF;
        background-color: lightgreen;   /* 整个下拉窗体越过每项的背景色 */
    }
    
    /* 下拉后,整个下拉窗体被选择的每项的样式 */
    QComboBox QAbstractItemView::item:selected {
        color: #FFFFFF;
        background-color: lightgreen;
    }
    
    /* QComboBox中的垂直滚动条 */
    QComboBox QAbstractScrollArea QScrollBar:vertical {
         10px;
        background-color: #d0d2d4;   /* 空白区域的背景色*/
    }
    
    QComboBox QAbstractScrollArea QScrollBar::handle:vertical {
        border-radius: 5px;   /* 圆角 */
        background: rgb(160,160,160);   /* 小方块的背景色深灰lightblue */
    }
    
    QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {
        background: rgb(90, 91, 93);   /* 越过小方块的背景色yellow */
    }
    
    /* 设置为可编辑(setEditable(true))editable时,编辑区域的样式 */
    QComboBox:editable {
        background: green;
    }
    
    /* 设置为非编辑(setEditable(false))!editable时,整个QComboBox的样式 */
    QComboBox:!editable {
         background: blue;
    }
    
    /* 设置为可编辑editable时,点击整个QComboBox的样式 */
    QComboBox:editable:on {
        background: green;
    }
    
    /* 设置为非编辑!editable时,点击整个QComboBox的样式 */
    QComboBox:!editable:on {
         background: blue;
    }
    
    /* 设置为可编辑editable时,下拉框的样式 */
    QComboBox::drop-down:editable {
        background: lightblue;
    }
    
    /* 设置为可编辑editable时,点击下拉框的样式 */
    QComboBox::drop-down:editable:on {
        background: lightgreen;
    }
    
    /* 设置为非编辑!editable时,下拉框的样式 */
    QComboBox::drop-down:!editable {
        background: lightblue;
    }
    
    /* 设置为非编辑!editable时,点击下拉框的样式 */
    QComboBox::drop-down:!editable:on {
        background: lightgreen;
    }
    
    /* 点击QComboBox */
    QComboBox:on {
    }
    
    /* 下拉框样式 */
    QComboBox::drop-down {
        subcontrol-origin: padding;   /* 子控件在父元素中的原点矩形。如果未指定此属性,则默认为padding。 */
        subcontrol-position: top right;   /* 下拉框的位置(右上) */
         15px;   /* 下拉框的宽度 */
    
        border-left- 1px;   /* 下拉框的左边界线宽度 */
        border-left-color: darkgray;   /* 下拉框的左边界线颜色 */
        border-left-style: solid;   /* 下拉框的左边界线为实线 */
        border-top-right-radius: 3px;   /* 下拉框的右上边界线的圆角半径(应和整个QComboBox右上边界线的圆角半径一致) */
        border-bottom-right-radius: 3px;   /* 同上 */
    }

     /* 越过下拉框样式 */

     QComboBox::drop-down:hover {

       background: yellow;

     }

    /* 下拉箭头样式 */
    QComboBox::down-arrow {
       15px;
    /* 下拉箭头的宽度(建议与下拉框drop-down的宽度一致) */
      background: transparent;
    /* 下拉箭头的的背景色 */
      padding: 0px 0px 0px 0px;
    /* 上内边距、右内边距、下内边距、左内边距 */

      image: url(:/images/combobox_arrow_down.png);
    }

    /* 点击下拉箭头 */
    QComboBox::down-arrow:on {
      image: url(:
    /images/combobox_arrow_up.png); /* 显示下拉箭头 */
    }

      注意:

      QComboBox* pComboBox = new QComboBox(this);

      pComboBox->setView(new QListView());   //下拉列表项高才能生效

     
  • 相关阅读:
    zabbix 设备(自己的实践)
    10.24的注意事项——解决linux_jni编译错误的问题
    [Angular] Adding keyboard events to our control value accessor component
    [tmux] Copy and paste text from a tmux session
    [tmux] Customize tmux with tmux.conf
    [tmux] Zoom and resize to view a particular pane within tmux
    [tmux] Manage terminal workspaces using session naming
    [tmux] Reuse terminal workspaces using tmux sessions
    [tmux] Create collections of panes using tmux windows
    [tmux] Organize your terminal using tmux panes
  • 原文地址:https://www.cnblogs.com/tingtaishou/p/12155574.html
Copyright © 2011-2022 走看看