将UILabel的边界与同一子视图中的姐妹UIView成比例对齐

Question

我有一个静态图像，上面有一个区域，用来显示一些多行文本。就像视频游戏中角色的语音气泡。我抓取了一张如下所示的股票图像：

我在主视图的子视图中设置了一个UIImageView以适应方面（请参阅此问题）。我在子视图中也设置了一个UILabel，它将保存多行文本。我希望能够在屏幕上移动子视图，并使其具有任何大小，并且仍然使UIImageView保持相同的方面，并使UILabel适合图像的气泡内。

我做了一个已经设置好的示例项目。

我打算通过设置与UIImageView的中心x和y成比例的约束，将UILabel的边界保持在语音气泡区域内。对于我的图像，左侧边缘倍增为0.65，右侧为1.8，顶部为0.19，底部为0.63。

我写了几个从UIView扩展而来的函数来证实这一点:

/**
Draws a vertical line proportional to the center x of the view.

A `proportional` value of 0 is the left edge, while 2 is the right edge.

:param: proportion The value from the left edge (0.0) to the right edge (2.0)
:param: inColor The color to draw the line in (red by default)
*/
func drawVertLineAtProportion(proportion: CGFloat, inColor: UIColor = UIColor.redColor()) {
  let size = self.frame.size
  
  UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
  let context = UIGraphicsGetCurrentContext()
  
  let x = self.bounds.origin.x + proportion*self.frame.size.width/2
  
  var vertPath = UIBezierPath()
  vertPath.lineWidth = size.height/150.0
  vertPath.moveToPoint(CGPointMake(x, 0))
  vertPath.addLineToPoint(CGPointMake(x, self.frame.size.height))
  inColor.setStroke()
  vertPath.stroke()
  
  let image = UIGraphicsGetImageFromCurrentImageContext()
  UIGraphicsEndImageContext()
  
  self.addSubview(UIImageView(image: image))
}

并且drawHorizLineAtProportion类似，但适用于水平线。

我可以通过在< code > viewdiappear 中运行以下4行来确认我的乘数值是正确的:

imageView.drawVertLineAtProportion(0.65)
imageView.drawVertLineAtProportion(1.8)
imageView.drawHorizLineAtProportion(0.19)
imageView.drawHorizLineAtProportion(0.63)

然后图像视图如下所示：

我可以将包含图像视图的子视图的大小更改为我想要的任何大小，图像视图保持纵横匹配，这些红线交叉点的红色框始终正是我想要的。

那么，当我设置UILabel边的约束以遵循相同的公式时，为什么边没有对齐？

当imageView的宽度达到最大值时，左边缘和右边缘似乎是正确的，但顶部和底部是错误的：

而如果高度被最大化，那么顶部和底部是正确的，但是左侧和右侧是错误的:

那么为什么UILabel边界没有和红线对齐呢？

如果我在viewDidAppear中添加这些行来修复UILabel的框架，它会起作用：

let upperLeft: CGPoint = CGPointMake(imageView.frame.origin.x + 0.65*imageView.frame.size.width/2, imageView.frame.origin.y + 0.19*imageView.frame.size.height/2)
let lowerRight: CGPoint = CGPointMake(imageView.frame.origin.x + 1.8*imageView.frame.size.width/2, imageView.frame.origin.y + 0.63*imageView.frame.size.height/2)
let size: CGSize = CGSizeMake(lowerRight.x - upperLeft.x, lowerRight.y - upperLeft.y)

speechLabel.frame = CGRectMake(upperLeft.x, upperLeft.y, size.width, size.height)

但是我还是想知道为什么我在故事板里设置的东西不管用。