您的位置:首页 > Web前端 > CSS

QProgressBar水平、垂直样式表两种设置方式

2017-02-08 10:16 267 查看
先贴效果图:



水平滚动条:

m_progressBarHor = new QProgressBar(this);
m_progressBarHor->move(50,200);
m_progressBarHor->setValue(42);
m_progressBarHor->setRange(0,100);
m_progressBarHor->setMinimumSize(180,20);
m_progressBarHor->setStyleSheet("QProgressBar{"
"border-radius:5px;"
"background-color:darkgray;"
"text-align:center"
"}"
"QProgressBar::chunk{"
"background-color:#FF0000;"
"width:6px;"
"margin:2px;"
"}");


竖直滚动条:

m_progressBarVer = new QProgressBar(this);
m_progressBarVer->move(280,100);
m_progressBarVer->setOrientation(Qt::Vertical);
m_progressBarVer->setStyleSheet("QProgressBar:vertical{"
"border-radius:5px;"
"background-color:darkgray;"
"text-align:center"
"}"
"QProgressBar::chunk:vertical{"
"background-color:#00FF00;"
"margin:1px;"
//"height:2px;"
"}");
m_progressBarVer->setValue(25);
m_progressBarVer->setRange(0,100);
m_progressBarVer->setMinimumSize(20,180);


两种样式:1.条状;2.全部填充。其设置的方法为:如果是水平进度条在chunk下设置width的大小,如果是垂直进度条则设置的是height的大小。不设置即为全部填充状态。值得一提的是margin属性,设置的是里面进度实体与外部边缘的间隔。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: