Qt 设计器样式表。如何从 QComboBox 更改所选项目的笔划

Question

Михаил

Asked:2022-07-12 01:47:21 +0000 UTC2022-07-12 01:47:21 +0000 UTC 2022-07-12 01:47:21 +0000 UTC

Qt 设计器。如何在 QComboBox 中更改 QScrolBar 的样式表

772

测试.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <property name="styleSheet">
   <string notr="true">

    
QComboBox QListView {
   
    selection-background-color:white;
    
 }


}</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <widget class="QComboBox" name="comboBox">
    <property name="geometry">
     <rect>
      <x>250</x>
      <y>110</y>
      <width>191</width>
      <height>41</height>
     </rect>
    </property>
    <property name="styleSheet">
     <string notr="true">QPushButton{
background-color: rgb(52, 58, 64);
color: rgb(255, 255, 255);
}
QPushButton::hover{
    /* background-color: rgb(90, 100, 111);*/
    background-color: rgb(79, 87, 97);
}

QComboBox{
background-color: rgb(52, 58, 64);
border:1px;
border-color:(170, 170, 255);
color: rgb(255, 255, 255);
}

QLabel{
background-color: rgb(108, 99, 118);
margin-top: 5px;
border-bottom: 2px solid  rgb(108, 99, 118);
border-top: 2px solid rgb(108, 99, 118);
}
QMainWindow{
background-color: rgb(244, 243, 248);
}
QComboBox::down-arrow
{   
    
    height: 15px;
    width: 20px;
    image: url(:/lol/arrow-up.png);
}
QWidget{
font: bold 15px;
font: Noto Sans;
color: rgb(255, 255, 255);
}
QCheckBox{
background-color: rgb(108, 99, 118);
margin-bottom: 5px;
}
QComboBox::drop-down {
   border:none;
}
QComboBox::hover{
background-color: rgb(90, 100, 111);
}
QComboBox QListView {
      background-color:rgb(52, 58, 64);
    selection-background-color:rgb(121, 121, 182);
    outline:none;
 }
/* этот код не работает*\
QComboBox QScrollBar::handle:vertical {
 background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0 rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155), stop:1 rgb(138, 147, 155));
 min-height: 0px
}
 QComboBox QScrollBar::add-line:vertical {
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0 rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155),  stop:1 rgb(138, 147, 155));
height: 0px;
 subcontrol-position: bottom;
 subcontrol-origin: margin;
}
QComboBox QScrollBar::sub-line:vertical {
 background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0  rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155),  stop:1 rgb(138, 147, 155));
 height: 0 px;
subcontrol-position: top;
 subcontrol-origin: margin;
}
/*и так тоже не работает*\
QScrollBar::handle:vertical {
 background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0 rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155), stop:1 rgb(138, 147, 155));
 min-height: 0px
}
QScrollBar::add-line:vertical {
background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0 rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155),  stop:1 rgb(138, 147, 155));
height: 0px;
 subcontrol-position: bottom;
 subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {
 background: qlineargradient(x1:0, y1:0, x2:1, y2:0,
stop: 0  rgb(138, 147, 155), stop: 0.5 rgb(138, 147, 155),  stop:1 rgb(138, 147, 155));
 height: 0 px;
subcontrol-position: top;
 subcontrol-origin: margin;
}</string>
    </property>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>21</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

1 个回答

Voted

S. Nick · Answer 1 · 2022-07-12T03:47:27Z

试试这样：

QMainWindow {
    background-color: rgb(244, 243, 248);
}

QPushButton {
    background-color: rgb(52, 58, 64);
    color: rgb(255, 255, 255);
}
QPushButton::hover {
    /* background-color: rgb(90, 100, 111);*/
    background-color: rgb(79, 87, 97);
}

QLabel {
    background-color: rgb(108, 99, 118);
    margin-top: 5px;
    border-bottom: 2px solid  rgb(108, 99, 118);
    border-top: 2px solid rgb(108, 99, 118);
}

QWidget {
    font: bold 15px;
    font: Noto Sans;
    color: rgb(255, 255, 255);
}
QCheckBox {
    background-color: rgb(108, 99, 118);
    margin-bottom: 5px;
}

QComboBox {
    background-color: rgb(52, 58, 64);
    border:1px;
    border-color:(170, 170, 255);
    color: rgb(255, 255, 255);
}

QComboBox::down-arrow {   
    height: 15px;
    width: 20px;
    image: url(:/lol/arrow-up.png);                   
}

QComboBox::drop-down {
   border: none;
}
QComboBox::hover {
    background-color: rgb(90, 100, 111);
}
QComboBox QListView {
    background-color: rgb(52, 58, 64);
    selection-background-color: rgb(121, 121, 182);
    outline: none;
 }
 
/* ===================== QScrollBar ======================= */
QScrollBar:vertical {
    background-color: #2A2929;
    width: 15px;
    margin: 15px 3px 15px 3px;
    border: 1px transparent #2A2929;
    border-radius: 4px;
}

QScrollBar::handle:vertical {
    background-color: red;         
    min-height: 5px;
    border-radius: 4px;
}

QScrollBar::sub-line:vertical {
    margin: 3px 0px 3px 0px;
    border-image: url(./images/up_arrow_disabled.png);        
    height: 10px;
    width: 10px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical {
    margin: 3px 0px 3px 0px;
    border-image: url(./images/down_arrow_disabled.png);       
    height: 10px;
    width: 10px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on {
    border-image: url(./images/up_arrow.png);                 
    height: 10px;
    width: 10px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
    border-image: url(./images/down_arrow.png);                
    height: 10px;
    width: 10px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    background: none;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: none;
}

q1408879_test.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <property name="styleSheet">
   <string notr="true">   
QComboBox QListView {
   
    selection-background-color:white;
    
 }

</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <widget class="QComboBox" name="comboBox">
    <property name="geometry">
     <rect>
      <x>250</x>
      <y>110</y>
      <width>191</width>
      <height>41</height>
     </rect>
    </property>
    <property name="styleSheet">
     <string notr="true">QMainWindow {
    background-color: rgb(244, 243, 248);
}

QPushButton {
    background-color: rgb(52, 58, 64);
    color: rgb(255, 255, 255);
}
QPushButton::hover {
    /* background-color: rgb(90, 100, 111);*/
    background-color: rgb(79, 87, 97);
}

QLabel {
    background-color: rgb(108, 99, 118);
    margin-top: 5px;
    border-bottom: 2px solid  rgb(108, 99, 118);
    border-top: 2px solid rgb(108, 99, 118);
}

QWidget {
    font: bold 15px;
    font: Noto Sans;
    color: rgb(255, 255, 255);
}
QCheckBox {
    background-color: rgb(108, 99, 118);
    margin-bottom: 5px;
}

QComboBox {
    background-color: rgb(52, 58, 64);
    border:1px;
    border-color:(170, 170, 255);
    color: rgb(255, 255, 255);
}

QComboBox::down-arrow {   
    height: 15px;
    width: 20px;
    image: url(:/lol/arrow-up.png);                   /* &lt;---- */  
}

QComboBox::drop-down {
   border: none;
}
QComboBox::hover {
    background-color: rgb(90, 100, 111);
}
QComboBox QListView {
    background-color: rgb(52, 58, 64);
    selection-background-color: rgb(121, 121, 182);
    outline: none;
 }
 
/* ===================== QScrollBar ======================= */
QScrollBar:vertical {
    background-color: #2A2929;
    width: 15px;
    margin: 15px 3px 15px 3px;
    border: 1px transparent #2A2929;
    border-radius: 4px;
}

QScrollBar::handle:vertical {
    background-color: red;         
    min-height: 5px;
    border-radius: 4px;
}

QScrollBar::sub-line:vertical {
    margin: 3px 0px 3px 0px;
    border-image: url(./images/up_arrow_disabled.png);        
    height: 10px;
    width: 10px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical {
    margin: 3px 0px 3px 0px;
    border-image: url(./images/down_arrow_disabled.png);       
    height: 10px;
    width: 10px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:on {
    border-image: url(./images/up_arrow.png);                 
    height: 10px;
    width: 10px;
    subcontrol-position: top;
    subcontrol-origin: margin;
}

QScrollBar::add-line:vertical:hover, QScrollBar::add-line:vertical:on {
    border-image: url(./images/down_arrow.png);                
    height: 10px;
    width: 10px;
    subcontrol-position: bottom;
    subcontrol-origin: margin;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    background: none;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: none;
}</string>
    </property>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
    <item>
     <property name="text">
      <string>New Item</string>
     </property>
    </item>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>21</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

Qt 设计器。如何在 QComboBox 中更改 QScrolBar 的样式表

我看不懂措辞

请求的模块“del”不提供名为“default”的导出

"!+tab" 在 HTML 的 vs 代码中不起作用

我正在尝试解决“猜词”的问题。Python

可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件？

Python解析野莓

问题：“警告：检查最新版本的 pip 时出错。”

帮助编写一个用值填充变量的循环。解决这个问题

尽管依赖数组为空，但在渲染上调用了 2 次 useEffect

数据不通过 Telegram.WebApp.sendData 发送

Qt 设计器。如何在 QComboBox 中更改 QScrolBar 的样式表

1 个回答

相关问题