gpt4 book ai didi

ios - 响应式设计 Xcode 6 - 如何设置约束以使您的设计响应式?

转载 作者:行者123 更新时间:2023-11-29 02:02:43 26 4
gpt4 key购买 nike

让我们考虑以下示例:

enter image description here

这是 3 条条纹,每条宽度 450,高度 150。我想让它响应,这基本上意味着我希望它们根据屏幕尺寸调整大小。我尝试了三组不同的约束,我将它们列在下面:

1)

a) 为每个设置前导空格和尾随空格

b) 为每个设置顶部和底部空间

2)

a) 为每个设置前导空格和尾随空格

b) 设置宽高比 3:1

设置除最底部空间之外的顶部和底部空间(将其固定到底部会导致约束冲突)

3)

a) 设置宽高比 3:1

b) 为每个设置顶部和底部空间

我认为第三个选项会起作用,因为一旦知道垂直空间,它应该设置适当的宽度以满足宽高比约束。然而,这不起作用,Xcode 决定仅调整条纹大小,而不考虑宽高比。

第二个选项很接近,但仍然不合适。如果没有底部空间,整组条纹的垂直位置将因每个屏幕尺寸而异。

第一个选项是完全错误的,因为没有纵横比,条纹有各种形状。

您能否为我提供如何处理此类问题的具体或一般建议? iOS 响应式设计的一般规则是什么?我想解决这个简单的、典型的问题将告诉我很多关于响应式设计方法的信息。

编辑:我想要实现的是:固定的宽高比和条纹之间的固定空间。大小、尾随和前导空格、顶部和底部空格在每个屏幕上应有所不同,但在每个屏幕上应保持相同的比例。基本上,无论屏幕大小如何,这看起来都应该几乎相同。

最佳答案

我的做法是:

  • 设置第一个的前导和滞后间距
  • 为第一个设置顶部间距
  • 将第一个的宽高比设置为 3:1
  • 将所有宽度和高度设置为彼此相等(没有固定大小!)
  • 将垂直间距设置在 1,2 和 2,3 之间
  • 将它们全部水平居中

这样第一个的大小就固定了,其他的就依赖于它。

关于ios - 响应式设计 Xcode 6 - 如何设置约束以使您的设计响应式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30149212/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com