QT样式总结

导读：总结QT常用样式

1、QComboBox

1.1 基础下拉

QComboBox {
  height: 34px;
  color: #5B5B5D;
  font-size: 14px;
  padding-left: 12px;
  border: 1px solid #DCDEE0;
  border-radius: 1px;
  background-color: #FFFFFF;
}

1.2 combox的框框右边下拉块

QComboBox::drop-down {
  subcontrol-origin: padding;
  subcontrol-position: top right;
  width: 24px;
  border: none;
}

1.3 下拉小箭头

QComboBox::down-arrow {
  image: url(:/img/config1/arrowDown.png);
  width: 12px;
  height: 34px;
}

1.4 下拉项

/*下拉弹出整块（所有下拉项面板）*/
QComboBox QAbstractItemView {
  outline: 0px;/*下拉框项去除虚线*/
  color: #323233;
  padding-left: 9px;
  padding-top: 5px;
  padding-bottom: 9px;
  selection-color: #D80B18;
  selection-background-color: #FFF5F5;
  background-color: #FFFFFF;
}


/*下拉弹出每个项的样式*/
QComboBox QAbstractItemView::item {
  height: 36px;
  color: #323233;
  background-color: #FFFFFF;
}

QComboBox QAbstractItemView::item:hover {
  background-color: #FFF5F5;
  color: #D80B18;
}

QComboBox QAbstractItemView::item:selected {
  background-color: #FFF5F5;
  color: #D80B18;
}

2、QHeaderView

/*表头*/
QHeaderView::section{
    background-color: #F9F9F9;
    color: rgba(0,0,0,0.85);
    padding:16px 5px 16px 5px;
    font-size: 14px;
    border: none;
    font-weight: 500;
}

3、QListWidget

/*消除选中虚线框*/
QListWidget:focus {
  outline: 0px;
}

QListWidget#idname::Item {
  width: 165px;
  height: 44px;
  font-weight: 500;
  font-size: 14px;
  padding-left: 16px;  /*QListWidget:item 设置padding值，必须设置border：0px，否则内边距不生效*/
  border: 0px;   /*QListWidget:item 设置padding值，必须设置border：0px，否则内边距不生效*/
  margin-bottom: 6px;
}

4、QRadioButton

/*设置redioButton 自定义的按钮样式*/
QRadioButton {
  color: #323233;
  font-size: 14px;
}
/*必须先设置indicator*/
QRadioButton::indicator {
  width: 18px;
  height: 18px;
  border-radius: 5px;
}

QRadioButton::indicator:checked {
  image: url(:/img/***.png);
}


QRadioButton::indicator:unchecked {
  image: url(:/img/***.png);
}