QProgressBar水平、垂直样式表两种设置方式
2017-02-08 10:16
267 查看
先贴效果图:
水平滚动条:
竖直滚动条:
两种样式:1.条状;2.全部填充。其设置的方法为:如果是水平进度条在chunk下设置width的大小,如果是垂直进度条则设置的是height的大小。不设置即为全部填充状态。值得一提的是margin属性,设置的是里面进度实体与外部边缘的间隔。
水平滚动条:
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属性,设置的是里面进度实体与外部边缘的间隔。
相关文章推荐
- QProgressBar水平、垂直样式表两种设置方式
- 块级元素水平,垂直居中的两种方式
- HTML几种设置水平居中和垂直居中的方式
- CSS设置元素水平居中、垂直居中方式汇总
- css设置水平居中、垂直居中
- 元素各种水平垂直居中方式
- mysql5.6设置数据库read_only的两种方式
- Android全屏设置的两种方式
- vertical-align 属性设置元素的垂直对齐方式。
- VS2005配置IDE设置的两种方式
- springboot设置上传文件大小的方式(两种)
- HTML页面默认输入焦点两种设置方式
- css3中通过设置box-pack和box-align让div里面的各种元素垂直和水平居中的方法
- jQuery的EasyUI datagrid数据表格中数据的水平居中垂直居中背景色的设置
- 60、记一种常用的定位方式:垂直居中、水平居中等
- 七种css方式让一个容器水平垂直居中
- html设置元素水平或垂直居中
- 设置背景图片的两种方式,并解决手机端背景图片高度自适应问题
- Apache+Tomcat负载均衡两种session共享方式的设置
- 设置div水平垂直居中