Visual Studio Xamarin iOS启动画面故事板布局

时间:2018-01-11 14:37:11

标签: ios xamarin visual-studio-2017 launch-screen

我似乎无法理解Visual Studio中的故事板编辑器的工作原理。我的设计部门为我提供了一些图像,可用作我们App的启动画面,我可以将它们放在launchscreen.storyboard中并正确对齐。但是,整个编辑对我没有任何意义。我一直在阅读有关约束的内容,并在Visual Studio中尝试它们,但系统似乎没有做我想做的任何事情。它总是在做一些比我预期的事情。

启动画面由三张图片组成。第一个是背景,它应该填满整个屏幕。第二个是页脚。它应显示在屏幕底部,左侧,右侧和底部有固定边距,以正确的宽高比显示。第三个是应该在中心显示的图标,左右边距固定。我怎么能这样做?有没有人能指出我的榜样?或者谁可以向我解释所需的限制?

1 个答案:

答案 0 :(得分:1)

您应该知道控件上设置的所有约束都会确定其位置(x,y)和大小(宽度,高度)。

第一个

  

fill the entire screen

top,leading,trailing,bottom margin to superview euqals to 0。

enter image description here

第二个

  屏幕底部的

,左边,右边和底边有固定边距,以正确的宽高比显示

固定前导,尾随,下边距到超级视图,以及宽高比加上。

enter image description here

第三个

  

显示在中心,左右边距固定

这里约束不足,图像不能知道它的高度,我们应该在高度上设置固定的高度或纵横比。

enter image description here

PS(关于如何设置宽高比)

单击高度控制柄和纵横比 enter image description here

双击Layout菜单中的高度约束。 enter image description here

修改乘数。

enter image description here