【问题标题】:How to place the UIImageView at the half of another view in Storyboard如何将 UIImageView 放在 Storyboard 中另一个视图的一半
【发布时间】:2018-01-14 01:41:46
【问题描述】:

我想将UIImageView 放在另一个UIView 的一半。我已经设置了这样的约束:

我需要方形图像视图位于橙色 UIView 的一半。 UIImageView 的上述位置是正确的,但在 6 和 SE 屏幕中略微向上移动。 请看截图:

为什么会发生这种情况以及如何防止UIImageView 向上移动?我们还需要一些其他的约束吗?

将绿色UIButton 放在UIImageView 的右侧应该有什么限制?

【问题讨论】:

    标签: ios objective-c uiimageview constraints uistoryboard


    【解决方案1】:

    首先你需要删除你的top space constraint,然后你需要在UIImageView和你的redView之间添加一个约束,右键单击并拖动到你的红色视图并选择对齐到顶部,稍后你需要更改第一个从.top.centerY 的项目,并添加一个乘数值 1 作为红色底边的中心

    一张超过1000字的图片

    第二个要求

    在您的第二个要求中,您需要添加一个辅助视图,我将其命名为 guideView,此视图背景将是 .clearuserInteraction 将被禁用,然后 guideView 将具有 .top.bottom 约束到您的UIImageView .top 和 .bottom 也将具有到 superView 的尾随空间,常数 0 和前导空间到你的 UIImageView,常数 0,如图所示,然后你想要的绿色视图进入 guideView 并将对齐在垂直和水平中居中到超级视图和具有固定值的高度和宽度,仅此而已

    希望对你有帮助

    【讨论】:

    • 后面需要把第二项从上往下改吗??如何做到这一点?
    • @ReinierMelien 抱歉,我的设计有所更改,请查看我更新后的问题和截图
    • @ReinierMelien 很好用。我在 UIImageView 的右侧有一个小的 UIButton。它应该有什么限制?
    • 请查看更新后的问题。请为此提供帮助。我会批准答案
    • 您希望您的绿色视图中心位于空间中,还是与您的 UIImageView 相隔 x 点? @ChelseaShawra
    【解决方案2】:

    它实际上可以通过一个约束来完成。只需像这样对齐两个视图的中心:

    如果您还查看剩余的约束,原始视图必须已经正确约束,必须与原始视图对齐的第二个视图需要提供宽度和高度以及另一个轴的位置。在这种垂直中心对齐的情况下,您需要提供 X 位置。

    因此,如果您希望视图相互对齐,请改为对齐水平中心并提供视图的 Y 位置。

    【讨论】:

      【解决方案3】:

      您也可以通过编程方式进行。这将始终将图像视图居中在视图的顶部边缘,一半在上方,一半在下方。

      首先,为 UIImageView 和 UIView 创建插座。

      然后:

      [imageViewOutlet setCenter:CGPointMake(viewOutlet.frame.size.width/2, viewOutlet.frame.origin.y)]

      【讨论】:

        猜你喜欢
        • 2022-11-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-09-25
        • 2014-07-31
        • 1970-01-01
        • 2023-03-10
        • 1970-01-01
        相关资源
        最近更新 更多