【问题标题】:IOS auto layout constraintsIOS自动布局约束
【发布时间】:2018-05-06 06:00:10
【问题描述】:

我的第一个应用登录屏幕出现问题... 在 iphone 8 屏幕尺寸上看起来不错

但当屏幕较小时 - 图像会离开屏幕。

我在界面生成器中使用自动布局。

尝试使用约束: - 间距小于或等于高优先级 - 使用堆栈视图 - 在文本标签上自动收缩 - 抗压性

到目前为止,还无法获得正确的约束集。

有人吗?

跟随 cmets 更新:

这些是我的限制: 并使用“最小字体比例”在标签上自动收缩

我希望图像更接近文本,并且文本缩小,以便它们全部显示在一行中。

【问题讨论】:

  • 在小屏幕中设计并使用自动调整大小而不是约束。
  • 显示你的约束
  • 向我们展示您的限制,然后只有我们可以帮助您:)
  • 你想要发生什么?
  • 非常简单,在 UILabel 上将“行数”设置为 ,这意味着它将中断并根据需要占用尽可能多的行.

标签: ios xcode autolayout constraints interface-builder


【解决方案1】:

您需要将图像锚定到边缘,然后只要您设置了Autoshrink,它就会缩小字体大小。如下图连接。

基本上就是这样连接的
|<-->image<-->label<-->image<-->|
然后将它们的图像设置为固定大小,并让标签自己调整大小。
您还需要将它们定位在 Y 轴上。

【讨论】:

  • 谢谢,它确实有效。但现在我认为图像应该与文本成比例缩小......而且我只在第一个屏幕上。有趣有趣:)
  • 太棒了!一种解决方案是将图像高度设置为与标签高度成比例,然后使用纵横比约束将图像宽度锁定到它们的高度。要设置比例约束,您需要(在这种情况下)图像的常规高度等于标签的高度,然后将约束乘数设置为 1:225:30 或您想要的任何比率。
【解决方案2】:

我已经完成了这个

以下结果在 iPhone 5s 中

和8加

【讨论】:

  • 设置标签行号1
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-02-04
  • 1970-01-01
  • 2014-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-06-17
相关资源
最近更新 更多