如何在 QT 中获得具有圆形边缘和圆形进度边缘的 QProgressBar?

     2023-02-17     175

关键词:

【中文标题】如何在 QT 中获得具有圆形边缘和圆形进度边缘的 QProgressBar?【英文标题】:How to get a QProgressBar in QT with rounded edges and rounded progress edges? 【发布时间】:2016-03-17 23:20:32 【问题描述】:

我创建了一个垂直进度条,并尝试使用圆角设置它的样式。无论我做什么,我似乎都无法获得带有圆角边缘的进度条(QProgressBar::chunk)的进度或块。请帮帮我,我是 QT 新手。

请在下面找到我的代码:-

progressbar_V = new QProgressBar;
progressbar_V->setParent(this);
progressbar_V->setMinimum(0);
progressbar_V->setMaximum(5);
progressbar_V->setValue(3);
progressbar_V->setStyleSheet("QProgressBar border: solid grey; border-width: 6; border-radius: 12; color: black; text-align: centre; margin-right: 12; , QProgressBar::chunk:vertical background-color: #05B8CC; width: 20px;");
progressbar_V->setGeometry(250,250,60,300);
progressbar_V->setOrientation(Qt::Vertical);

进度条文本也在输出的顶部。我如何将它放到垂直进度条的中间

【问题讨论】:

文本对齐:居中; --> 文本对齐:居中; 不确定这是否能解决任何问题,但您的样式表中有一个逗号:, QProgressBar::chunk:vertical ...。删除那个逗号。 【参考方案1】:

你是对的,你可以使用这个参数:

border-radius: 50px;

获得圆形边框! 但你只是忘记在末尾指定 px 〜( ̄▽ ̄〜)

所以,一旦你的代码更新,它看起来像这样:

progressbar_V->setStyleSheet("QProgressBar border: solid grey; border-width: 6; border-radius: 12px; color: black; text-align: centre; margin-right: 12; , QProgressBar::chunk:vertical background-color: #05B8CC; width: 20px;");

希望能帮到你,祝你有个愉快的一天ヾ( ̄▽ ̄) Bye~Bye~

【讨论】:

【参考方案2】:

你需要把你的样式表改成这样:

progressbar_V->setStyleSheet("QProgressBarborder:solid gray;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px; color: black; text-align: center; ,QProgressBar: :chunk background-color: #05B8CC;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;");

编码愉快..

【讨论】:

具有圆形内边缘的方形布局边框

】具有圆形内边缘的方形布局边框【英文标题】:Squareshapedlayoutborderwithroundinsideedges【发布时间】:2011-09-2417:46:29【问题描述】:我正在尝试创建一个外边为方形,内边为圆角的布局边框。我收集到我需要创建一个由两种形状组... 查看详情

自定义图像视图切割左右边缘半圆形

】自定义图像视图切割左右边缘半圆形【英文标题】:CustomImageViewCutLeftandRightEdgesSemiCircle【发布时间】:2020-02-1315:24:59【问题描述】:在开发自定义视图方面需要帮助。这是我需要发展的那种观点:试过一个办法,但它看起来不... 查看详情

如何使进度条进度从边缘四舍五入?

】如何使进度条进度从边缘四舍五入?【英文标题】:Howtomakeprogressbarprogressroundedfromedge?【发布时间】:2020-02-2105:29:32【问题描述】:我正在制作圆形和渐变色的自定义进度条。我做到了,但让它从边缘变圆是行不通的。这是我... 查看详情

圆形 GAGradient 层上的锯齿状边缘

】圆形GAGradient层上的锯齿状边缘【英文标题】:JaggededgesoncircularGAGradientlayer【发布时间】:2017-09-1111:17:21【问题描述】:我正在尝试绘制一个填充有渐变的圆形进度条。我的代码如下:overridefuncdraw(_rect:CGRect)letcirclePath=UIBezierPath... 查看详情

如何删除具有圆形背景的`AppBarLayout`角落中的空白

】如何删除具有圆形背景的`AppBarLayout`角落中的空白【英文标题】:howtoremovewhitespaceincornersof`AppBarLayout`withroundedbackground【发布时间】:2020-09-1509:24:50【问题描述】:我希望toolbar在底部边缘具有圆角半径。我为此perpous创建了一个d... 查看详情

将子视图定位在圆形视图的边缘

】将子视图定位在圆形视图的边缘【英文标题】:Positionasubviewontheedgeofacircularshapedview【发布时间】:2019-07-1510:35:07【问题描述】:我正在尝试创建一个类似于以下模型的个人资料图片视图。它有一个小绿点来表示用户的在线状... 查看详情

圆形 LinearGradient 上的 ContextMenu 在 SwiftUI 中产生锐利的边缘

】圆形LinearGradient上的ContextMenu在SwiftUI中产生锐利的边缘【英文标题】:ContextMenuonaroundedLinearGradientproducessharpedgesinSwiftUI【发布时间】:2020-07-0514:20:39【问题描述】:我有以下看法:structContentView:Viewvarbody:someViewLinearGradient(gradient:... 查看详情

如何在kivy中制作圆形进度条?

】如何在kivy中制作圆形进度条?【英文标题】:Howtomakecircularprogressbarinkivy?【发布时间】:2018-11-0516:04:11【问题描述】:我想用kivy和python制作一个简单的圆形进度条。我搜索了在线文档和GitHub曲目,但没有找到解释循环进度条... 查看详情

qt第三方圆形进度条-及其改进

Qt第三方圆形进度条的改进要实现一个圆形的进度条功能,在网上找到一个比较出名的第三方封装类:QRoundProgressBar,地址:sourceforge的QRoundProgressBar 功能封装的还是不错,提供了3种模式,线形、圆环、饼状。使用过程中发现... 查看详情

如何在 RadioButtons 小部件上获得较窄的宽度和较大的高度,并且仍然具有不重叠的圆形单选按钮?

】如何在RadioButtons小部件上获得较窄的宽度和较大的高度,并且仍然具有不重叠的圆形单选按钮?【英文标题】:HowdoIgetnarrowwidthandalargeheightonaRadioButtonswidget,andstillhaveroundradiobuttonsthatdon\'toverlap?【发布时间】:2016-07-3023:20:14【问... 查看详情

如何在按钮边缘上制作cornerRadius,以便在swiftUI中不剪裁边缘

】如何在按钮边缘上制作cornerRadius,以便在swiftUI中不剪裁边缘【英文标题】:HowtomakecornerRadiusonButtonedgessothatedgesarenotclippedinswiftUI【发布时间】:2019-06-1000:06:24【问题描述】:我正在尝试使用SwiftUI。我不知道如何获得一个带有边... 查看详情

搅拌机如何使脸部边缘变圆

】搅拌机如何使脸部边缘变圆【英文标题】:Blenderhowtoroundedgesofface【发布时间】:2014-12-0420:07:25【问题描述】:我正在尝试通过选择一张脸,按e,将其稍微拖入脸部来在我的对象中制作一个圆形眼睛,我正在尝试使那只眼睛变... 查看详情

MPAndroidchart 圆形边缘用于彩色 Horizo​​ntalBarChart

】MPAndroidchart圆形边缘用于彩色Horizo​​ntalBarChart【英文标题】:MPAndroidchartroundededgesforcolorizedHorizontalBarChart【发布时间】:2016-05-0819:08:21【问题描述】:我想使用MPAndroidChart制作一个带有圆边的彩色Horizo​​ntalBarChart。我正在尝... 查看详情

方形布局边框与圆形内边缘(代码片段)

...我需要创建一个由两个形状组成的.xml可绘制定义:一个具有笔划宽度和角半径,另一个仅具有笔划宽度:抽签round_border.xml<shapexmlns:android="http://schemas.android.com/apk/res/android"><strokeandroid:width="4dp"android:color="#FF000000"/><paddi... 查看详情

模糊边缘不断恢复 100% 不透明度(处理中)

...:我正在尝试通过以下代码在处理中创建一个边缘模糊的圆形画笔。圆形是逐像素绘制的,因为在实际版本中,我尝试使用取自PGraphicpg的像素进行绘制。PFontfont;PGraphicspg;intX;intY;intrad 查看详情

opencv,在一个有缺陷的圆形区域内如何放置更多的小圆形

小圆形有上限,比如最多可以放置4个,放置的时候可以选择靠外沿还是圆心,大的圆形区域是有缺陷的,也就是说有些地方时不可以放置小圆形的,缺陷面积和位置不固定,请高手帮忙!参考技术A靠着缺口边缘(避开缺口)靠... 查看详情

如何在android中实现材料设计圆形进度条

】如何在android中实现材料设计圆形进度条【英文标题】:Howtoimplementamaterialdesigncircularprogressbarinandroid【发布时间】:2015-01-0501:04:38【问题描述】:我想制作一个类似于InboxbyGmailandroid应用中的MaterialDesign圆形进度条。我如何实现... 查看详情

如何在圆圈边缘放置图标

】如何在圆圈边缘放置图标【英文标题】:Howtoplaceiconsattheedgeofcircle【发布时间】:2021-06-2923:12:11【问题描述】:我想将图标放置在其父级(圆圈)的边缘,如下所示:我尝试了一些方法,但默认绝对子级放置在其父级的起始位... 查看详情