尝试在 Swift 中创建圆形进度条

     2023-03-17     37

关键词:

【中文标题】尝试在 Swift 中创建圆形进度条【英文标题】:Trying to create circular progress bar in Swift 【发布时间】:2014-09-27 22:45:58 【问题描述】:

我正在尝试在 Swift 中为我的应用程序添加一个圆形进度条,但是我无法找到任何 Swift 特定示例。因此,我找到了最简单的 Objective C 示例,并尝试将其翻译成 Swift。

这是我正在关注的示例:Using circular progress bar with masked image?

我卡在这条线上:

    CGPoint center = CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMidY(self.bounds));

CGRectGetMidX 在 Swift 中似乎不可用。

到目前为止,这是我的所有代码:

    func drawRect(rect: CGRect) 
    var ctx = UIGraphicsGetCurrentContext()

    var progress: CGFloat = 0.7
    var innerRadiusRatio: CGFloat = 0.5

    var path: CGMutablePathRef = CGPathCreateMutable()
    var startAngle: CGFloat = -M_PI_2
    var endAngle: CGFloat = -M_PI_2 + MIN(1.0, progress) * M_PI * 2
    var outerRadius: CGFloat = CGRectGetWidth(self.bounds) * 0.5 - 1.0
    var innerRadius: CGFloat = outerRadius * innerRadiusRatio

我哪里错了?除了努力翻译这一行之外,其他行也有一些错误。

【问题讨论】:

【参考方案1】:

我在该行根本没有收到错误 - 据我所知,`CGRectGetMidX 仍然可用:

var center = CGPointMake(CGRectGetMidX(rect), CGRectGetMidY(rect))

给我错误的另一行是这一行——这些常量的类型为Double,需要转换为CGFloat,而在Swift中,方法是min而不是MIN

var endAngle: CGFloat = CGFloat(-M_PI_2) + min(1.0, progress) * CGFloat(M_PI) * 2

【讨论】:

尝试在 Swift 中创建圆形 UIView 时出错

】尝试在Swift中创建圆形UIView时出错【英文标题】:ErrortryingtomakeacircularUIViewinSwift【发布时间】:2015-06-0513:33:06【问题描述】:我的屏幕布局中有一个UIImageView,它根据容器视图尺寸动态调整大小。我想将其转换为圆形视图,我... 查看详情

如何在 iOS Swift4 中创建这个圆形?

...下图所示的形状。但我不知道如何绘制这个形状。我正在尝试使用带有CAShapeLayer的UIBezierPath路径绘制此形状,圆形线绘制成功,但我无法绘制圆形点和圆形填充颜色。谁能建议我如何使用任何库或UI 查看详情

如何在 BootStrap 中创建一个与边缘有间距的进度条

...tStrap【发布时间】:2021-07-0601:42:02【问题描述】:我正在尝试创建一个与进度条边缘有一定间距的进度条。以下图片是我正在尝试创建的:在上图中,灰色进度条中有一条红线,这就是我要创建的。如何使用引导程序重新创建它... 查看详情

带有 Swift UI 的圆形进度条

...】:我正在使用SwiftUI创建一个倒数计时器应用程序。我尝试在其中添加一个圆形进度条,但它的外观从未改变。我准备了2个文件。其中一个是关于倒计时程序的编码,另一个文件是关于UI的编码。我使用键@ObservableObject、@Public... 查看详情

如何在 Swift 中创建一个圆形按钮? [关闭]

】如何在Swift中创建一个圆形按钮?[关闭]【英文标题】:HowtocreateacircularbuttoninSwift?[closed]【发布时间】:2014-09-2601:26:11【问题描述】:我想制作一个圆形的拇指向上和拇指向下按钮。我应该使用ImageView还是Button作为超类?我将... 查看详情

在 R 中创建一个带有堆叠条的圆形系统发育

...barinR【发布时间】:2021-11-1213:28:45【问题描述】:我正在尝试在每个树尖的末端创建一个带有堆积条形图的循环系统发育。以下是我微弱尝试的一些示例代码和数据。我可以创建圆形系统发育以及堆叠条形图,但我似乎无法将树... 查看详情

如何使用 Swift 在 UIView 中将圆形进度条居中?

】如何使用Swift在UIView中将圆形进度条居中?【英文标题】:HowcanIcentreacircularprogressbarinaUIViewusingSwift?【发布时间】:2020-09-0119:53:23【问题描述】:我很难确保圆形进度条始终位于与其关联的UIView的中心。这是正在发生的事情:... 查看详情

在 Spark Azure Databricks 中创建自定义进度条指示器

...在pysparkAzureDatabricks中运行的作业创建自定义进度条。我尝试使用matplotlib执行此操作,方法是创建多个图形并为每个图形一个一个地调用显示,但仅 查看详情

在 Qt 中创建旋转进度条

】在Qt中创建旋转进度条【英文标题】:CreateSpinProgressbarinQt【发布时间】:2012-11-1507:33:33【问题描述】:,我想显示进度条,就像加载时出现的那样。请找图片我的代码是这样的QProgressBar*pgbar=newQProgressBar();pgbar->resize(500,25);pgba... 查看详情

在 PHP 中创建文件进度条

】在PHP中创建文件进度条【英文标题】:CreatingafileprogressbarinPHP【发布时间】:2010-09-1414:29:18【问题描述】:有谁知道在PHP中创建文件上传进度条的任何方法?我经常听说这是不可能的。我有一个想法,但不确定它是否可行:正... 查看详情

如何在没有 Jquery-ui 且没有 Bootstrap 的情况下在 angularjs 中创建自定义进度条?

...strap?【发布时间】:2017-07-2007:07:37【问题描述】:我正在尝试在Angularjs中创建进度条,但使用jquery-ui创建进度条。现在我试图在没有jquery-u 查看详情

带有进度条的按钮 android

...ndroid【发布时间】:2021-05-2910:54:36【问题描述】:我正在尝试在Android中创建一个带有进度条的自定义按钮。按钮应该有两种状态:正常和正在加载。在正常状态下它应该显示一个文本,而在加载状态下它应该显示一个居中的圆... 查看详情

如何在 android 中创建进度条而不使用 xml 文件中的进度条小部件?

】如何在android中创建进度条而不使用xml文件中的进度条小部件?【英文标题】:Howtocreateprogressbarinandroidwithoutusingprogressbarwidgetinxmlfile?【发布时间】:2021-07-0705:09:05【问题描述】:我想在我的应用中做一些新的事情。我想在android... 查看详情

如何在 Vue 组件内创建圆形进度

...9-02-0315:32:39【问题描述】:我正在使用Vue构建的应用程序中创建一个组件。这个组件是一个倒计时,范围从X分钟到00:00。我知道可以为svg制作动画以达到预期的效果,但我没有必要的知识。我从未使用过任何svg库。我需要在我的... 查看详情

如何在 Android 中创建圆形 ImageView? [复制]

...描述】:如何在Android中创建一个圆形的ImageView?我已经尝试了以下代码,但它不能正常工作。代码:BitmapcircleBitmap=Bitmap.createBitmap(bitmap.getW 查看详情

如何在 Android 中创建圆形 CardView?

...droid?【发布时间】:2020-12-2409:07:32【问题描述】:我正在尝试创建一个圆形CardView。但我不知道该怎么做。是否有任何属性可以让我获得CircularCardView?。XML代码如下:<android.support.v7.widget.CardViewxmlns:car 查看详情

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

...。我如何实现这一点(在棒棒糖之前的设备中)?我正在尝试实现类似的效果。InboxbyGmailmat 查看详情

尝试在 IOS 中创建滑动条菜单

】尝试在IOS中创建滑动条菜单【英文标题】:TryingToCreateaSlidebarMenuinIOS【发布时间】:2017-04-0202:21:26【问题描述】:我想在我的应用程序中创建一个滑动条菜单(如下图所示)当我点击那个汉堡包图标时,它应该会显示一个菜单... 查看详情