【问题标题】:having trouble with autolayout -- simple calculator app自动布局有问题——简单的计算器应用程序
【发布时间】:2016-11-10 11:59:58
【问题描述】:

我是自动布局的新手,在一个简单的计算器应用程序中排列 UIButton 和 UILabel 时遇到了麻烦。

这是Github page,其中包含我当前的计算器应用程序。

1) 我不能使“0”与“1”、“4”、“7”垂直对齐

2) 我想将 UIButton 和 UILabel 的边框设为 1px 黑色。我在 Storyboard 检查器中找不到可以更改 UIButton 边框颜色和边框宽度的设置。

3) 如何使“calculateStepsLabel”和“resultLabel”透明,以便可以部分看到背景中的任何内容。

【问题讨论】:

  • 请发布您的布局 xml
  • 我们需要了解您的限制条件。要获得边框,我可能只有黑色背景并设置按钮大小/间距,以便有细线间隙,露出背景颜色。您可以使用颜色检查器轻松设置标签的背景颜色,但您展示的 Apple 计算器也使用效果视图来模糊背景
  • 感谢两位的帮助!我已经包含了一个指向包含我当前计算器应用程序的 github 页面的链接。再次感谢您的帮助!
  • 选择 0 按钮。在 IB 检查器中,在换行符下方,您会看到“Edge”。将其更改为标题。将左边的值设置为“-90”。试试吧。根据需要进行调整。要么,要么制作底行 4 个按钮。禁用 0 后小数点前的那个。

标签: ios uibutton autolayout


【解决方案1】:
  1. 我建议使用@Brandon 提到的替代方案。由于您使用的是堆栈视图,因此您将无法在同一堆栈中的两个元素之间提供不同的间距。

  2. 使用以下代码作为标签:

resultLabel.layer.borderColor = UIColor.blackColor().CGColor resultLabel.layer.borderWidth = 1.0

按钮也一样:

button.layer.borderWidth = 1.0
button.layer.borderColor = UIColor.blackColor().CGColor
  1. 选择标签 -> 转到属性检查器 -> 视图 -> 背景。单击背景并将不透明度调整为 50% 或根据需要使背景透明。您还可以在此处选择所需的任何背景颜色。

【讨论】:

  • 我在这个问题的第 1 部分遇到了同样的问题。由于堆栈视图在解决此问题方面相当不灵活,您有什么替代方案吗?
  • 您可以在那里使用带有适当约束的 UIButton。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多