自动布局按比例缩放视图

Question

我已经找到了关于这个主题的几个问题和答案,但我根本无法让这个为我工作.

蓝色矩形是一个UIView,其中包含测试标签和齿轮图像按钮.红色的是第二个UIView.

我想做的是为大尺寸屏幕增加蓝色条(这是一个UIView)的大小,这将导致标签和设置按钮的缩放,而红色UIView在高度上缩小,所以蓝色UIView可以变得更大.所以基本上问题是,如何根据不同的屏幕尺寸按比例缩放UIViews.

我尝试使用宽高比约束,高度限制(大于/小于),但我无法获得所需的效果.

谢谢.

Answer 1

尝试比例高度和宽度.您需要为等高和/或等宽度制定约束,然后双击约束并更改乘数,例如0.2如果您希望将第一项设为宽度的第二项的20%而将2.0设为200%(意思是双倍)宽度.根据您的要求按比例增加或减少

Answer 2

你有两种方法可以做到这一点:

1.比例约束:

但是如果为一个视图设置一个比例高度意味着视图会随屏幕尺寸的每一个小变化而变化.例如,您的视图可以从4"切换到4,7",但并不意味着它是一个坏主意.

使用该功能只需检查Asadullah Ali的答案:)

2.使用size-classes:

如果您使用Xcode 6,您可以使用大小类并为屏幕大小添加约束; 使用起来并不困难,请查看Apple文档.

对于此功能,您需要为Storyboard调整大小类:

之后,您可以按照自己的意愿设置视图控制器,并为其中一个类添加规则:

你可以告诉Xcode"好吧,如果屏幕尺寸是5,5至少使用这个规则".

请记住,要为特定大小的类添加约束,首先需要选择大小类,然后通常添加约束:当选择大小类时(可以检入大小类控件)Xcode只为该类添加约束.

编辑1:如果你在缩放字体和类似方面遇到一些麻烦,你也可以使用size-classes功能来缩放标签中的字体大小 ; 您在激活尺寸类功能后单击此选项可找到此选项:

我更喜欢告诉你我所知道的关于你的问题的一切,但就你个人而言,我会使用第一个解决方案:你的视图可以动态地改变任何屏幕尺寸.

您只需找到最佳比例百分比:您可以设置大约10%,因此0.1乘数与第一项蓝色视图和第二项红色视图.