遇到问题:
- 按钮的样式,hover,pressed 要写在其他样式上方,要不不生效.
- 指定某个空间 “#控件名”,不指定的话所有子空间都会被改变.同理,可以把所有样式全都写在祖宗控件里
- 指定多个控件 用 ","来添加 比如 QPushButton#控件1名字,#控件1名字,#控件1名字{};
- QButton:hover{}这种不要跟color:red这种写到一级,会出错,
--------错误的[如果这么写,hover和pressed只有一个会生效,放在第一行的那个,折腾了半晚上.]-------
/*悬停*/
QPushButton::hover{background-color:#336699};
/*点击*/
QPushButton::pressed{background-color:#1581C9};
/*无边框*/
border: none;
/*字体颜色*/
color:#FFFFFF;
/*背景颜色*/
background-color:#1581C9;
--------正确的--------
/*悬停*/
QPushButton::hover{background-color:#336699};
/*点击*/
QPushButton::pressed{background-color:#1581C9};
QPushButton {
/*无边框*/
border: none;
/*字体颜色*/
color:#FFFFFF;
/*背景颜色*/
background-color:#1581C9;
}
几款漂亮的rss
https://www.cnblogs.com/newstart/p/4370203.html
下面是转载的QT designer的一些样式写法
https://blog.csdn.net/llfwdd/article/details/46602113
1.QLabel
QLabel#label_sum_text{
font: 75 35pt “微软雅黑”; /字体/
background-color: rgb(255, 255, 255); /背景色/
color: rgb(152, 156, 156); /字体颜色/
border-style:hidden; /边框样式/
padding: 1px 1px 8px 1px; /四周边距/
}
2.QToolButton、QPushButton
/按钮正常显示/
QToolButton#toolButton_7{
border-image: url(
:/keybord_cfm/images/keybord_cfm/u63.png);
}
/按钮按下/
QToolButton#toolButton_7::pressed{
border-image: url(
:/keybord_cfm/images/keybord_cfm/u63_mouseOver.png);
}
/鼠标移到按钮上时/
QToolButton#toolButton_7::hover{
border-image: url(
:/keybord_cfm/images/keybord_cfm/u63_mouseOver.png);
}
注意:border-image适用于所有控件
3.QFrame
QFrame#frame_right_top{
border-style:solid; /边框样式/
border-width:1px; /边框宽度/
border-radius: 6px; /圆角边框/
border-color: rgb(173, 176, 182); /边框颜色/
background-color: rgb(255, 255, 255); /背景色/
}
4.QTableView
/设置行交替颜色/
QTableView::item:alternate:!selected,
QTableWidget::item:alternate:!selected,
QListView::item:alternate:!selected
{ background: rgb(255, 255, 204); }
QTableView::item:!alternate:!selected,
QTableWidget::item:!alternate:!selected,
QListView::item:!alternate:!selected
{ background: rgb(248, 236, 212); }
QTableView{
font: 11pt “微软雅黑”;
color: rgb(152, 152, 152);
selection-background-color: rgb(50, 151, 243);
}
QTableView::item:selected{
color: rgb(152, 152, 152);
background:rgb(248, 236, 212); /选中行背景色/
}
/表头设置/
QTableView QHeaderView
{
background-color: rgb(248, 248, 248);
font: 12pt “微软雅黑”;
color: rgb(112, 112, 112);
}
/水平表头/
QHeaderView::section::horizontal {
padding: 0px;
border: none;
border-bottom: 1px solid rgb(214, 215, 218);
background-color: rgb(248, 248, 248);
}
/垂直表头/
QHeaderView::section::vertical {
padding: 5px;
border: none;
background-color: rgb(248, 248, 248);
alternate-background-color: rgb(255, 0, 0);
}
/左上角按钮/
QTableCornerButton::section {
padding: 0px;
border: none;
border-bottom: 1px solid rgb(214, 215, 218);
background-color: rgb(248, 248, 248);
}
5.QTableView属性设置
void setAttibutes(IN QTableView* pView,IN int nHeaderHeight,IN int nColumnHeight)
{
if ( pView == NULL )
{
QString strTemp = QStringLiteral(“pView== NULL!设置表格属性失败!”);
LOG_ALL_ERROR(strTemp);
QMessageBox::information(0,0,QStringLiteral(“设置表格属性失败!”));
return;
}
}
pView->horizontalHeader()->setFixedHeight(nHeaderHeight); //设置表头的高度
pView->horizontalHeader()->setSectionsClickable(false); //设置表头不可点击(默认点击后进行排序)
//pView->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch); //列宽都一致
pView->horizontalHeader()->setStretchLastSection(true); //最后一列占满剩余空白
pView->setSelectionBehavior(QAbstractItemView::SelectRows); //设置选择行为时每次选择一行
pView->setEditTriggers(QAbstractItemView::NoEditTriggers); //使表视图只读
pView->verticalHeader()->setDefaultSectionSize(nColumnHeight); //设置行高
//pView->setAlternatingRowColors(true); //可以交替颜色显示
pView->setShowGrid(false); //设置不显示格子线
pView->setCornerButtonEnabled(false); //左上角的按钮不可用,此按钮功能,一点击,全选
//水平滚动条
pView->horizontalScrollBar()->setStyleSheet(“QScrollBar{background:transparent; height:10px;}”
“QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}”
“QScrollBar::handle:hover{background:gray;}”
“QScrollBar::sub-line{background:transparent;}”
“QScrollBar::add-line{background:transparent;}”);
//垂直滚动条
pView->verticalScrollBar()->setStyleSheet(“QScrollBar{background:transparent; width: 10px;}”
“QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px;}”
“QScrollBar::handle:hover{background:gray;}”
“QScrollBar::sub-line{background:transparent;}”
“QScrollBar::add-line{background:transparent;}”);
}
作者:llfwdd
来源:CSDN
原文:https://blog.csdn.net/llfwdd/article/details/46602113
版权声明:本文为博主原创文章,转载请附上博文链接!