OGeek|极客世界-中国程序员成长平台

标题: ios - Swift - 将 subview 添加到所有设备的同一位置的 UIImageView [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-11 17:08
标题: ios - Swift - 将 subview 添加到所有设备的同一位置的 UIImageView

我有一个室内地图应用程序。我有一个代表 map 的 .png。某些图钉需要以编程方式放置在 map 上的某些兴趣点(楼梯、电梯、商店等)。

假设在 iPhone 5 上,我添加了一个 UIView 作为我的 UIImageView 的 subview

CGPointMake(100,y:100)

它表示(被放置)在 UIImageView 中的一些楼梯。问题是,例如,当我在 iPad 上运行应用程序时,UIImageView 较大,并且 UIView 不在楼梯上方。我必须为 UIView 修改我的 x,y。

我已经尝试做一些计算来确定UIView的newX和newY根据

UIScreen.mainScreen().bounds.size.width

UIScreen.mainScreen().bounds.size.height

但我无法将 UIView 放置在每个设备的同一个位置。

是否有第三方库可以解决我的问题?还是一个方程来确定 newX 和 newY?

谢谢,

龙人



Best Answer-推荐答案


有两种方法可以解决这个问题:1) 手动 2) 约束。

1) 在开关中手动设置CGPoint

您可以使用以下开关将 CGPoint 设置为基于屏幕大小的精确值:

if UIDevice().userInterfaceIdiom == .Phone {
    switch UIScreen.mainScreen().nativeBounds.height {
        case 960:
            // Set CGPoint for 4
        case 1136:
            // Set CGPoint for 5
        case 1334:
            // Set CGPoint for 6
        case 2208:
            // Set CGPoint for 6Plus
        default:
            break
    }
}

这样做的优势:快速简单。缺点:它不能扩展(双关语)Apple 可能发布的任何新的潜在屏幕尺寸。这样做并不是 Apple 打算让开发人员创建接口(interface)的真正方式,这让我...

2) 使用约束动态计算位置

我不确定您的 View 是如何设置的,因此我无法准确告诉您要使用哪些约束。但是,您可以混合使用前导、尾随、顶部、底部、centerX 和 centerY 来获得完美的位置。

您可以在 Storyboard 中(我认为更容易)或在 Swift 中添加约束,如下所示:

let pinView = UIView()
pinView.translatesAutoresizingMaskIntoConstraints = false
self.view.addSubview(pinView)

let horizontalConstraint = NSLayoutConstraint(item: pinView, attribute: NSLayoutAttribute.CenterX, relatedBy: NSLayoutRelation.Equal, toItem: view, attribute: NSLayoutAttribute.CenterX, multiplier: 1, constant: 0)
view.addConstraint(horizontalConstraint)

let leadingConstraint = NSLayoutConstraint(item: pinView, attribute: NSLayoutAttribute.Leading, relatedBy: NSLayoutRelation.Equal, toItem: view, attribute: NSLayoutAttribute.LeadingMargin, multiplier: 1, constant: 0)
view.addConstraint(leadingConstraint)

约束的好处在于 1) 这就是 Apple 的意图 2) 可扩展性 3) 无需手动计算。

有关约束的更多信息,我会阅读以下内容:

关于ios - Swift - 将 subview 添加到所有设备的同一位置的 UIImageView,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38699186/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/) Powered by Discuz! X3.4