增加高度时如何平滑进度条的拐角?

     2023-03-21     98

关键词:

【中文标题】增加高度时如何平滑进度条的拐角?【英文标题】:How to smoothly round the corners of a progress bar when the height is increased? 【发布时间】:2018-01-26 18:08:38 【问题描述】:

我正在尝试制作这样的进度条:

我使用这个 SO 帖子来学习如何圆角:Link

当您的进度条高度不超过 6 时效果很好。当我使用以下方法使进度条变大时:

        progressBar.transform = progressBar.transform.scaledBy(x: 1, y: 8)

结果吧:

圆角半径值设置为多少无关紧要,它不是圆的。我知道使拐角半径值大于高度可能会导致直线拐角,但我将拐角半径设置为什么并不重要(我可以将其设置为 1/2/4 并获得类似的结果),角落不会圆。

这是我的代码:

 progressBar.transform = progressBar.transform.scaledBy(x: 1, y: 8)
 progressBar.layer.cornerRadius = 8
 progressBar.clipsToBounds = true
 progressBar.layer.sublayers![1].cornerRadius = 8
 progressBar.subviews[1].clipsToBounds = true

(圆角半径和y值相同,因为y乘以2)

【问题讨论】:

【参考方案1】:

我在写这篇文章时想通了。你像我在上面的帖子中那样使用圆角半径:

progressBar.layer.cornerRadius = 8
progressBar.clipsToBounds = true
progressBar.layer.sublayers![1].cornerRadius = 8
progressBar.subviews[1].clipsToBounds = true

要增加大小,您可以在进度条上设置高度限制:

【讨论】:

如何更改进度条的位置 - 多处理

】如何更改进度条的位置-多处理【英文标题】:Howtochangepositionofprogressbar–multiprocessing【发布时间】:2017-07-1700:20:56【问题描述】:首先,我是Python新手。与问题无关,但我不得不提一下。我正在创建一个爬虫作为我的第一个项... 查看详情

如何删除进度条的验证以保存功能

】如何删除进度条的验证以保存功能【英文标题】:howcaniremovevalidationforprogressbarforsavefunctionality【发布时间】:2021-07-3022:35:30【问题描述】:我有两个按钮“提交”和“保存”的进度条。当我单击“保存”按钮时,它会验证字段... 查看详情

与 NSTimer 一起使用时显示刻度动画而不是平滑动画的进度条

...以下代码,但我得到进度条的刻度动画而不是平滑动画,如何使其平滑动画-(void)vie 查看详情

如何给progressbar圆形进度条设置颜色

参考技术AAndroid中ProgressBar自定义进度条的高度、颜色、圆角很多人知道怎么改颜色,可是改高度就是胡扯了,居然想通过maxHeight去改。准确方法在这里:下面这个改成了3-5个dp高度:首先是样式文件,这里定义高度:本回答被... 查看详情

在 Swift 中按下 UIButton 时增加进度条值

】在Swift中按下UIButton时增加进度条值【英文标题】:IncreaseaProgressbarvalueonaUIButtonpressinSwift【发布时间】:2015-05-1319:55:53【问题描述】:好的,让我概述一下目前发生的情况。我在一个数组中有三个问题。每次按下“下一步”按... 查看详情

如何更改圆形进度条的颜色?

】如何更改圆形进度条的颜色?【英文标题】:Howtochangecolorincircularprogressbar?【发布时间】:2011-07-1707:03:54【问题描述】:我在Android上使用循环进度条。我想改变它的颜色。我正在使用"?android:attr/progressBarStyleLargeInverse"风格。那... 查看详情

添加内容后如何平滑div高度变化

】添加内容后如何平滑div高度变化【英文标题】:Howtosmoothendivheightchangeafteraddingcontent【发布时间】:2019-01-1623:28:04【问题描述】:A有一个带有div的轮播,每次幻灯片更改时都会调整其高度。然而,过渡并不顺利,边界只是跳进... 查看详情

如何使用 swift 显示带有进度条的 AVAudioPlayer?

】如何使用swift显示带有进度条的AVAudioPlayer?【英文标题】:HowtoAVAudioPlayerwithprogressbarshowusingswift?【发布时间】:2019-01-2413:26:17【问题描述】:我正在使用AVAudioPlayer播放歌曲。我需要一个进度条来显示歌曲的进度。我的问题是... 查看详情

标签文本增加时如何以编程方式增加集合视图单元格高度?

】标签文本增加时如何以编程方式增加集合视图单元格高度?【英文标题】:Howtoprogrammaticallyincreasecollectionviewcellheightwhenlabeltextincreases?【发布时间】:2018-08-1310:14:41【问题描述】:如何增加UICollectionViewCell的高度?我在我的项目... 查看详情

等待模态显示时进度条的最佳实践

】等待模态显示时进度条的最佳实践【英文标题】:Bestpracticeforaprogressbarwhilewaitingonamodaltodisplay【发布时间】:2018-06-2615:44:39【问题描述】:我有一个在线应用程序,其功能包括右键单击一个值并在一个小的浮动模式框中返回一... 查看详情

从 oraclebulkcopy 获取进度条的运行时

】从oraclebulkcopy获取进度条的运行时【英文标题】:getruntimefromoraclebulkcopyforprogressbar【发布时间】:2021-09-2908:53:30【问题描述】:朋友们晚安,我正在上传一个文件从重型excel(200MB)到oracle,我正在使用BackgroundWorker1在后台处理它... 查看详情

在 MFC 中不断增加进度条

】在MFC中不断增加进度条【英文标题】:IncrementingProgressbarcontinouslyinMFC【发布时间】:2014-11-1313:17:29【问题描述】:完成执行在我的应用程序中,我有一个模式对话框。单击对话框中的按钮时,会弹出带有进度条的无模型对话框... 查看详情

如何实现带有进度条的启动画面? - 安卓

】如何实现带有进度条的启动画面?-安卓【英文标题】:Howtoimplementasplashscreenwithaprogressbar?-android【发布时间】:2012-06-1722:46:32【问题描述】:我在启动时有一个启动画面。使用以下编码publicclassSplashextendsActivity@Overrideprotectedvoido... 查看详情

如何在 wpf 中制作多色分段进度条?

...时间属性和状态属性。UserControl应该拉伸父控件的宽度和高度。集合中的每个项目都应该代表进度条的一部分;段的颜 查看详情

如何更改 SWT 进度条的颜色?

】如何更改SWT进度条的颜色?【英文标题】:HowtochangecolorofSWTprogressbar?【发布时间】:2014-06-1203:44:18【问题描述】:是否可以使用绘制侦听器更改进度条颜色?我不想要一个初始前景色和背景色,而是希望它像正常的绿色进度条... 查看详情

vc6.0里mfc进度条如何使用

参考技术A演练CProgress7.1进度条的主要功能进度条控制(ProgressControl)主要用来进行数据读写、文件拷贝和磁盘格式等操作时的工作进度提示情况,如安装程序等,伴随工作进度的进展,进度条的矩形区域从左到右利用当前活动... 查看详情

当页眉高度增加时如何调整页面的边距?

】当页眉高度增加时如何调整页面的边距?【英文标题】:Howtoadaptthemarginsofapagewhentheheightoftheheaderincreases?【发布时间】:2015-03-2908:00:39【问题描述】:我正在尝试使用itext生成pdf。我的所有数据都通过PdfPtable填充。以及每页上的... 查看详情

进度条摆动效果

...ight,speed,&random使用可自定义的随机因子调整element的高度百分比跟踪元素的真实高度,可以随 查看详情