首页 > 解决方案 > 屏幕大时的标签

问题描述

我有一个带有多行文本的标签。如果屏幕很小,我希望在左右两边留出 20px 的边距,但如果屏幕很大,我不希望它大于 300px。

我尝试过的:
- 我选择一个标签,因为我希望文本不可滚动且不可选择
- 我已经给它属性 > 行 > 0。为了适应多行
- 我给它设置了顶部、左侧和右侧的约束

我对 Xcode 很陌生。在html中,我会使用类似css的东西:

.text {
  with:90%;
  max-width:300px;
}

如何在 Xcode 和 Swift 中创建类似的效果?(左右约束对我来说效果很好,可以在小屏幕上给 width:90% 类似的效果。我现在要问的是,如果屏幕很大,如何限制标签的宽度。请注意我对 Xcode 很陌生)

标签: swiftxcode

解决方案


这是您希望使用小于和大于约束的地方。

设置以下约束:

  • 宽度≤300
  • left ≥ 安全区域 left + 20
  • 右≥安全区域右 - 20
  • 在容器中水平 = 0
  • 顶部 = 20

您可以通过选择约束并使用属性检查器中显示“关系”的下拉菜单来添加 ≤ 或 ≥ 约束:

在此处输入图像描述


推荐阅读