草庐IT

ios - Swift:生成一个圆形的 UIView 就是给出一个类似菱形的形状

coder 2024-01-30 原文

我在 UIView 上创建了一个扩展,这样我就可以轻松地创建圆形 View ,而无需在每个自定义组件中编写代码。我的代码如下所示:

extension UIView {
    func createCircleView(targetView: UIView) {
        let square = CGSize(width: min(targetView.frame.width, targetView.frame.height), height: min(targetView.frame.width, targetView.frame.height))
        targetView.frame = CGRect(origin: CGPoint(x: 0, y: 0), size: square)
        targetView.layer.cornerRadius = square.width / 2.0
    }
}

属性 square 的目的是始终根据目标 View 的 widthheight 的最小属性计算完美正方形,这会阻止矩形试图变成正方形,因为这显然永远不会产生圆形。

在我的自定义组件中,我通过以下方式调用此方法:

// machineCircle is a child view of my cell
@IBOutlet weak var machineCircle: UIView!

// Whenever data is set, update the cell with an observer
var machineData: MachineData? {
    didSet {
        createCircleView(machineCircle)
    }
}

我遇到的问题是我的圈子像这样渲染到屏幕上:

调试时,我检查了 square 变量,它始终打印 width: 95, height: 95,这让我相信每次都应该呈现一个完美的圆。

为什么我会看到这些奇怪的形状?

更新我发现了为什么没有形成完美的圆圈,但我不确定如何去做。

在我的 Storyboard中,我将 machineCircle View 的默认大小设置为 95x95,但是当我加载 View 时,集合单元格的宽度和高度是使用此方法动态计算的:

override func viewDidLoad() {
    super.viewDidLoad()

    let width = CGRectGetWidth(collectionView!.frame) / 3
    let layout = collectionViewLayout as! UICollectionViewFlowLayout
    layout.itemSize = CGSize(width: width, height: width + width / 2)
}

这会调整 Collection View 单元格的大小,以便它们可以适应整个屏幕的 3 列,但它似乎并没有改变内部 machineCircle View 的基本比例。 machineCircle View 仍然保持其 95x95 的大小,但似乎在 View 内缩小导致产生效果(这是我迄今为止观察到的)。有什么想法吗?

最佳答案

听从 Matt 的建议,我创建了一种使用 CALayers 在 UIView 中绘制圆圈的方法。

对于任何感兴趣的人,这是我的实现:

func drawCircleInView(parentView: UIView, targetView: UIView, color: UIColor, diameter: CGFloat)
{
    let square = CGSize(width: min(parentView.bounds.width, parentView.bounds.height), height: min(parentView.bounds.width, parentView.bounds.height))
    let center = CGPointMake(square.width / 2 - diameter, square.height / 2 - diameter)

    let circlePath = UIBezierPath(arcCenter: center, radius: CGFloat(diameter), startAngle: CGFloat(0), endAngle: CGFloat(M_PI * 2), clockwise: true)
    let shapeLayer = CAShapeLayer()
    print(targetView.center)
    shapeLayer.path = circlePath.CGPath

    shapeLayer.fillColor = color.CGColor
    shapeLayer.strokeColor = color.CGColor
    shapeLayer.lineWidth = 1.0

    targetView.backgroundColor = UIColor.clearColor()
    targetView.layer.addSublayer(shapeLayer)
}

它被称为:

drawCircleInView(self, machineCircle, color: UIColor.redColor(), radius: 30)

结果如下:

后面的白框仅用于演示目的,它显示了绘制圆的父 View ,这将在生产中设置为透明。

关于ios - Swift:生成一个圆形的 UIView 就是给出一个类似菱形的形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35639198/

有关ios - Swift:生成一个圆形的 UIView 就是给出一个类似菱形的形状的更多相关文章

  1. ruby - 使用 RubyZip 生成 ZIP 文件时设置压缩级别 - 2

    我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看ruby​​zip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d

  2. ruby - 使用 Vim Rails,您可以创建一个新的迁移文件并一次性打开它吗? - 2

    使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta

  3. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前,我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它,但这似乎不是“ruby方式”,我将需要在不久的将来访问更多模型。这可能会变得很脏,是否有针对这种情况的任何技术?注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展,本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向,这似乎很麻烦。最终从任何

  4. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller,client和test_client。客户端Controller已经构建,我想创建一个test_clientController,我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集,然后呈现客户端Controller的索引View,以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

  5. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案? - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  6. ruby - 如何使用 Ruby aws/s3 Gem 生成安全 URL 以从 s3 下载文件 - 2

    我正在编写一个小脚本来定位aws存储桶中的特定文件,并创建一个临时验证的url以发送给同事。(理想情况下,这将创建类似于在控制台上右键单击存储桶中的文件并复制链接地址的结果)。我研究过回形针,它似乎不符合这个标准,但我可能只是不知道它的全部功能。我尝试了以下方法:defauthenticated_url(file_name,bucket)AWS::S3::S3Object.url_for(file_name,bucket,:secure=>true,:expires=>20*60)end产生这种类型的结果:...-1.amazonaws.com/file_path/file.zip.A

  7. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象,为什么它会起作用? - 2

    如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象

  8. ruby - 为什么 SecureRandom.uuid 创建一个唯一的字符串? - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串?SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复?

  9. ruby-on-rails - Rails - 从另一个模型中创建一个模型的实例 - 2

    我有一个正在构建的应用程序,我需要一个模型来创建另一个模型的实例。我希望每辆车都有4个轮胎。汽车模型classCar轮胎模型classTire但是,在make_tires内部有一个错误,如果我为Tire尝试它,则没有用于创建或新建的activerecord方法。当我检查轮胎时,它没有这些方法。我该如何补救?错误是这样的:未定义的方法'create'forActiveRecord::AttributeMethods::Serialization::Tire::Module我测试了两个环境:测试和开发,它们都因相同的错误而失败。 最佳答案

  10. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

随机推荐