【问题标题】:No Round Rect Button in Xcode 5?Xcode 5 中没有圆形矩形按钮?
【发布时间】:2013-08-25 10:37:31
【问题描述】:

Xcode 5 中是否不再提供圆形矩形按钮的拖放功能?我似乎无法在 Interface Builder 中找到它。我猜这是 iOS 7 的变化之一,但我只是想确定一下。

【问题讨论】:

  • 你的部署目标是什么?
  • iPhone - iOS7。我实际上尝试将其更改为 6.1 版,但也没有帮助。
  • iOS7 和 Xocde 5 仍处于保密协议之下,这限制了您在官方 Apple 开发者论坛之外谈论它们。
  • @rckoenes 感谢您告诉我。这是我第一次研究这个东西所以我不知道。
  • 你不记得签署了保密协议??

标签: ios uibutton interface-builder ios7 xcode5


【解决方案1】:

Xcode 4 和之前版本中的 Round Rect 按钮似乎已被替换为 System Default 按钮,这也恰好是明确的。 IE。默认情况下没有带圆角的白色背景,只有文字可见。

要使按钮变为白色(或任何其他颜色),请选择属性检查器并向下滚动到 View 部分:

选择Background并将其更改为白色:

如果你想要圆角,你可以用一点代码做到这一点。 只需 ctrl-drag 从按钮到您的 .h 文件,将其命名为 roundedButton 并将其添加到您的 viewDidLoad 中:

CALayer *btnLayer = [roundedButton layer];
[btnLayer setMasksToBounds:YES];
[btnLayer setCornerRadius:5.0f];

【讨论】:

  • 令人惊讶的是 iOS 7 地图应用程序有圆形矩形信息按钮。
  • @BartSimpson:我已经更新了我的答案,包括圆角。
  • 您的答案有效。不过我说的是这个信息按钮 - s1.ibtimes.com/sites/www.ibtimes.com/files/styles/…(右下角)
  • 啊,好的。那不是自定义的tabbar 按钮,而不是圆形矩形吗?
  • 我记得在 iOS 6 中,即使是基本按钮也有“信息”外观,圆圈上有一个“i”。 iOS 7 似乎没有这个选项。
【解决方案2】:

这对于@Robert 的回答中的评论来说太长了,但我只是想添加以下声明:“Xcode 4 中的圆形矩形按钮......似乎已被替换......”。

确认它确实被替换:

圆角矩形按钮在 iOS 7 中已弃用。改为使用 系统按钮——即 UIButtonTypeSystem 类型的 UIButton 对象。

iOS 7 系统按钮不包括边框或背景外观。 系统按钮可以包含图形符号或文本标题,并且它 可以指定一种色调颜色或接收其父级的颜色。

...

如果您需要显示包含边框的按钮,请使用 输入 UIButtonTypeCustom 并提供自定义背景图片。

Apple iOS 7 Transition Guide, p. 45、《圆角矩形按钮》

所以,Apple 的建议是使用背景图片。

【讨论】:

    【解决方案3】:

    还可以在情节提要中制作圆角矩形。

    【讨论】:

    • 只是添加这个仅适用于iOS5及以上
    • 请注意,直到运行时您才会看到定义属性的结果。
    【解决方案4】:

    实际上,在 ios 7 中,基本控件的总体 UI 已更改。 如果您仍然想要一个圆角矩形按钮,则必须使用 UIView 子类的核心图形属性,即;图层属性。

    buttonObj.layer.cornerRadius = 5.0f;//any float value

    要显示效果,你必须给 buttonObj 一些背景颜色

    如果要设置边框宽度

    buttonObj.layer.borderWidth = 2.0f;//any float value

    你也可以给边框颜色

    buttonObj.layer.borderColor = [[UIColor greenColor]CGColor];

    注意:这里我们必须为图层使用CGColor,因为图层是UIViews的核心图形属性

    【讨论】:

      猜你喜欢
      • 2013-09-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多