我需要创建一个UILabel
具有背景色的,我想添加一些左/右前/后水平填充。
但是我发现的每个解决方案似乎都是一个讨厌的黑客。
从iOS 5开始实现此目标的“标准”方法是什么?
屏幕截图说明了我的情况:
我需要创建一个UILabel
具有背景色的,我想添加一些左/右前/后水平填充。
但是我发现的每个解决方案似乎都是一个讨厌的黑客。
从iOS 5开始实现此目标的“标准”方法是什么?
屏幕截图说明了我的情况:
Answers:
有关可用解决方案的完整列表,请参见以下答案:UILabel文本边距
尝试子类化UILabel,就像@Tommy Herbert在[此问题] [1]的答案中建议的那样。复制并粘贴以方便您:
我通过子类化UILabel并重写drawTextInRect来解决此问题:
- (void)drawTextInRect:(CGRect)rect {
UIEdgeInsets insets = {0, 5, 0, 5};
[super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];
}
super.drawText(in: rect.inset(by: paddingInsets))
最重要的部分是您必须同时覆盖intrinsicContentSize()
和drawTextInRect()
以便考虑自动版式:
var contentInset: UIEdgeInsets = .zero {
didSet {
setNeedsDisplay()
}
}
override public var intrinsicContentSize: CGSize {
let size = super.intrinsicContentSize
return CGSize(width: size.width + contentInset.left + contentInset.right, height: size.height + contentInset.top + contentInset.bottom)
}
override public func drawText(in rect: CGRect) {
super.drawText(in: UIEdgeInsetsInsetRect(rect, contentInset))
}
#define PADDING 5
@interface MyLabel : UILabel
@end
@implementation MyLabel
- (void)drawTextInRect:(CGRect)rect {
return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, UIEdgeInsetsMake(0, PADDING, 0, PADDING))];
}
- (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines
{
return CGRectInset([self.attributedText boundingRectWithSize:CGSizeMake(999, 999)
options:NSStringDrawingUsesLineFragmentOrigin
context:nil], -PADDING, 0);
}
@end
有时在原型制作时使用UNICODE部分空间来实现对齐是很方便的。这可以方便地进行原型设计,概念验证,或者只是推迟图形算法的实现。
如果您使用UNICODE空格是为了方便起见,请注意,至少UNICODE空格的大小取决于所显示的字体,特别是实际空格字符本身(U + 0020,ASCII 32)
如果您在UILabel中使用默认的iOS系统字体,则默认的System字体特征可能会在后续的iOS版本中更改,并通过更改应用程序的精确间距而突然引入不必要的未对齐现象。这可以并且确实发生,例如,“ San Francisco”字体替换了iOS版本中以前的iOS系统字体。
易于在Swift中指定的UNICODE,例如:
let six_per_em_space = "\u{2006}"
或者,将HTML页面中的空间直接剪切/粘贴到Interface Builder中的UILabel的文本字段中。
注意:随附的图片是屏幕截图,而不是HTML,因此,如果要剪切/粘贴空格,请访问链接的页面。
我在这里的答案有几个问题,例如当您添加填充时,内容的宽度溢出了框,我想要一些角半径。我使用以下UILabel子类解决了此问题:
#import "MyLabel.h"
#define PADDING 8.0
#define CORNER_RADIUS 4.0
@implementation MyLabel
- (void)drawRect:(CGRect)rect {
self.layer.masksToBounds = YES;
self.layer.cornerRadius = CORNER_RADIUS;
UIEdgeInsets insets = {0, PADDING, 0, PADDING};
return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, insets)];
}
- (CGSize) intrinsicContentSize {
CGSize intrinsicSuperViewContentSize = [super intrinsicContentSize] ;
intrinsicSuperViewContentSize.width += PADDING * 2 ;
return intrinsicSuperViewContentSize ;
}
@end
希望对某人有帮助!请注意,如果要在顶部和底部填充,则需要更改以下行:
UIEdgeInsets insets = {0, PADDING, 0, PADDING};
对此:
UIEdgeInsets insets = {PADDING, PADDING, PADDING, PADDING};
并将此行添加到类似的宽度下面:
intrinsicSuperViewContentSize.height += PADDING * 2 ;
迅捷5
创建以下课程文件,并通过情节提要将其设置为您的标签作为自定义课程名称。而已。
class PaddingLabel: UILabel {
override func drawText(in rect: CGRect) {
let insets = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 0)//CGRect.inset(by:)
super.drawText(in: rect.inset(by: insets))
}
}
我克服此问题的一件事是使用UIButton而不是UILabel。然后,在“界面生成器”的“属性”检查器中,将“标题的边缘”用作填充。
如果未将按钮附加到动作,则单击时不会选择该按钮,但仍将突出显示该按钮。
您还可以使用以下代码以编程方式执行此操作:
UIButton *mButton = [[UIButton alloc] init];
[mButton setTitleEdgeInsets:UIEdgeInsetsMake(top, left, bottom, right)];
[mButton setTitle:@"Title" forState:UIControlStateNormal];
[self.view addSubView:mButton];
这种方法给出了相同的结果,但是有时由于某些原因我没有进行调查,因此无法使用,因为如果可能的话,我会使用Interface Builder。
这仍然是一种解决方法,但如果突出显示不会打扰您,则效果很好。希望它有用
UIButton
用作UILabel
;这些具有完全不同的用例,并且具有不同的功能集。
如果您需要更具体的文本对齐方式,而不是在文本左侧添加空格所提供的对齐方式,则始终可以添加第二个空白标签,以精确显示所需的缩进量。
我的按钮的文本向左对齐,缩进量为10px,并且需要下面的标签才能对齐。它给标签加上了文本和左对齐,然后将其放在x = 10处,然后制作了一个具有相同背景色的小第二个标签,其宽度为10,并将其与实际标签对齐。
最少的代码,看起来不错。只是使AutoLayout变得更加麻烦即可使所有工作正常进行。
sizeThatFits
或使用自动布局。