iOS - UITableViewCell中的文本周围的圆角矩形,如物品应用程序

时间:2015-04-21 10:41:23

标签: ios objective-c uitableview swift

我已经搜索了高低,试图找出如何在iOS设置应用程序和适用于iPhone的东西(由下面的CulturedCode提供的应用程序)中实现的效果。

在iOS设置中,当有可用的操作系统更新时,单元格在最右边的单元格中显示1,但数字由深灰色的圆角矩形包围。

The Things for iPhone应用程序在收件箱单元格中的以下屏幕截图中类似:

enter image description here

如何使用Swift 1.2在iOS 8中实现此效果?

3 个答案:

答案 0 :(得分:4)

使用标签。设置字体。将文本颜色设置为白色:

numberLabel.textColor = UIColor.whiteColor()

设置背景颜色:

numberLabel.backgroundColor = UIColor.grayColor()

设置cornerRadius:

numberLabel.layer.cornerRadius = 5

剪辑到界限:

numberLabel.clipsToBounds = true

答案 1 :(得分:0)

基于这个答案:

objective C Rounded corners in a UITableView (*iOS7)

类似的代码应该适用于UITableViewCell上的Swift 1.2:

cell.contentView.layer.cornerRadius = 5
cell.contentView.layer.masksToBounds = true

答案 2 :(得分:0)

你可以使用UILabel来调整它的图层属性(A CALayer实例,它可以实际绘制标签)

let badge = UILabel()
// Give the badge some content and size, then:
badge.layer.backgroundColor = UIColor.grayColor().CGColor;
badge.layer.cornerRadius = badge.bounds.size.height * 0.5

我过去多次使用过这种方法。您也可以使用此方法,而不是在代码中创建标签,也可以使用从xib或故事板加载的标签。