Ios Xcode添加约束以创建ImageView 我在XClice中制作了一个应用程序，在屏幕中间有一个树干，右边有一个分支，就像你在图像中看到的一样（我已经设置了两个代表树干和分支的按钮。蓝色按钮是树干，而红色的按钮是树枝。）_Ios_Xcode_Autolayout_Constraints

Ios Xcode添加约束以创建ImageView 我在XClice中制作了一个应用程序，在屏幕中间有一个树干，右边有一个分支，就像你在图像中看到的一样（我已经设置了两个代表树干和分支的按钮。蓝色按钮是树干，而红色的按钮是树枝。）

ios xcode

Ios Xcode添加约束以创建ImageView 我在XClice中制作了一个应用程序，在屏幕中间有一个树干，右边有一个分支，就像你在图像中看到的一样（我已经设置了两个代表树干和分支的按钮。蓝色按钮是树干，而红色的按钮是树枝。）,ios,xcode,autolayout,constraints,Ios,Xcode,Autolayout,Constraints,使用这些约束条件，我成功地在每个iPhone设备上正确地调整了主干的大小，但我无法对分支进行同样的调整您能告诉我如何使用约束保持主干和分支的这种配置吗我尝试添加： -使用“当前画布值”在容器中水平对齐 -纵横比 -长宽比与树干成比例但它不起作用以下是代表主干和分支的按钮的图像：您可以使用8个约束条件执行此操作： BlueButton.Top=Superview.Top.Margin BlueButton.Bottom=BottomLayoutGuide.Top BlueButton.W

使用这些约束条件，我成功地在每个iPhone设备上正确地调整了主干的大小，但我无法对分支进行同样的调整

您能告诉我如何使用约束保持主干和分支的这种配置吗

我尝试添加： -使用“当前画布值”在容器中水平对齐 -纵横比 -长宽比与树干成比例但它不起作用

以下是代表主干和分支的按钮的图像：

您可以使用8个约束条件执行此操作：

BlueButton.Top=Superview.Top.Margin

BlueButton.Bottom=BottomLayoutGuide.Top

BlueButton.Width=Superview.Width，带乘数

3:10

BlueButton.CenterX=Superview.CenterX

RedButton.Leading=BlueButton.training

RedButton.Trailing=Superview.Trailing.Margin

RedButton.Width=RedButton.Height，带乘数

10:3

RedButton.Bottom=Superview.Bottom，带乘数

0.4

（使分支向上延伸60%）

创建约束1和约束2:

单击蓝色按钮将其选中。单击Pin[-[]-]图标。打开顶部和底部橙色工字梁，然后单击[添加2个约束]

创建约束3:

控件从蓝色按钮拖动到白色背景。从弹出窗口中选择等宽度。要设置倍增，请再次单击蓝色按钮，并在右侧的“大小检查器”中找到“与superview等宽”约束。单击编辑并将乘数设置为

3:10

创建约束4:

控件从蓝色按钮拖动到白色背景。从弹出窗口中选择“在容器中水平居中”

创建约束5:

控件从蓝色按钮拖动到红色按钮。从弹出窗口中选择水平间距

创建约束6:

控件以45度角从红色按钮的中心向上拖动到背景的右边缘。从弹出窗口中选择“从尾随空间到容器边距”

创建约束7:

完全在红色按钮内，控制向上向右拖动。从弹出窗口中选择纵横比。在尺寸检查器中找到比例约束，单击编辑并将乘数设置为

10:3

创建约束8:

最后一个是最难的，但你可以做到！点击红色按钮。现在，在故事板左侧的文档大纲中，您将看到按钮以灰色高亮显示。按住command键并单击包含该按钮的

视图

。当视图和按钮都高亮显示时，应该是这样：

现在，单击对齐图标（在销[-[]-]的左侧），单击底部边缘的复选框，然后单击[Add 1 Constraint]

现在，再次单击红色按钮，在尺寸检查器中找到底部空间to:Superview约束。双击它以打开它：

这就是我们想要的样子。你可能需要改变两件事。如果第一项是Superview.Bottom，则需要交换第一项和第二项。要做到这一点，请单击Superview.Bottom并选择反转第一项和第二项

接下来，将乘数更改为

0.4

，这意味着红色按钮的底部与Superview底部的距离为顶部的40%，这使得红色按钮与屏幕底部的距离为60%

唷！就这样