【问题标题】:Round Icon Badge using CALayer and CATextLayer On UIBUtton在 UIBUtton 上使用 CALayer 和 CATextLayer 的圆形图标徽章
【发布时间】:2018-02-03 08:00:32
【问题描述】:

[![在此处输入图片描述][1]][1]任何人都可以分享他们与使用 CALayer 和 CATextLayer 并添加到 UIButton 在右上角的 UIButton 上显示圆形徽章数字图标相关的代码

提前致谢

【问题讨论】:

标签: ios swift ipad


【解决方案1】:

对于您的徽章,您只能使用标签来专门在按钮上显示徽章。

let label = UILabel()
label.clipsToBounds = true
label.layer.cornerRadius = label.font.pointSize * 1.2 / 2
label.backgroundColor = UIColor.grayColor()
label.textColor = UIColor.whiteColor()
label.text = " Some Text "; // note spaces before and after text

并且为了可重用性,您可以为此代码创建类别或扩展。

【讨论】:

  • 谢谢,您分享的代码将创建带有文本的 ROUND 标签。我想要的是我有什么应用程序之类的应用程序,我必须在滑动菜单上显示徽章编号以防我们收到通知,与我们在 TabBar Item 上显示徽章编号的方式相同。徽章功能内置于 TabBar,但没有内置于 Button。因此,我想在 UIBUtton 右上角添加带有文本的圆形图层而不是两个 IBOultet。
  • 是的,这将创建带有文本的圆形标签,以便您可以使用自动布局将其粘贴到右上角的滑动菜单按钮。你明白吗?
  • 但是如何在 UIButton 上添加这个标签作为 addSubview ?因为需要绑定到那个按钮右上角的框架。
  • 是的,您可以将此标签作为子视图添加到按钮上,这是不可能的,而是使用代码或约束添加到超级视图。
  • 我添加了图片以了解我到底想要什么为此我使用第三方 API:github.com/uias/Tabman
猜你喜欢
  • 2012-05-04
  • 1970-01-01
  • 2020-06-20
  • 2017-09-13
  • 1970-01-01
  • 2020-11-03
  • 2017-03-02
  • 1970-01-01
  • 2020-01-18
相关资源
最近更新 更多