여러 줄의 문자열이 될 수있는 텍스트에 어떻게 밑줄을 긋을 수 있습니까? 어떤 사람들은 UIWebView를 제안하지만 텍스트 렌더링에 너무 무거운 클래스입니다.
내 생각은 각 줄의 각 줄의 시작점과 길이를 파악하는 것이 었습니다. 그리고 그 아래에 선을 그립니다.
줄의 길이와 시작점을 알아내는 방법에 문제가 있습니다.
나는 사용하려고했는데 -[UILabel textRectForBounds:limitedToNumberOfLines:], 이것은 텍스트에 대한 그리기 경계 사각형이어야합니까? 그럼 정렬 작업을해야하나요? 중앙 정렬되고 오른쪽 정렬 될 때 각 선의 시작점을 어떻게 얻을 수 있습니까?
답변:
UILabel에서 하위 클래스를 만들고 drawRect 메서드를 재정의 할 수 있습니다.
- (void)drawRect:(CGRect)rect {
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextSetRGBStrokeColor(ctx, 207.0f/255.0f, 91.0f/255.0f, 44.0f/255.0f, 1.0f); // RGBA
CGContextSetLineWidth(ctx, 1.0f);
CGContextMoveToPoint(ctx, 0, self.bounds.size.height - 1);
CGContextAddLineToPoint(ctx, self.bounds.size.width, self.bounds.size.height - 1);
CGContextStrokePath(ctx);
[super drawRect:rect];
}
UPD :
iOS 6부터 Apple은 UILabel에 대한 NSAttributedString 지원을 추가 했으므로 이제 훨씬 더 쉽고 여러 줄에서 작동합니다.
NSDictionary *underlineAttribute = @{NSUnderlineStyleAttributeName: @(NSUnderlineStyleSingle)};
myLabel.attributedText = [[NSAttributedString alloc] initWithString:@"Test string"
attributes:underlineAttribute];
여전히 iOS 4 및 iOS 5를 지원하려면 레이블에 수동으로 밑줄을 긋는 대신 TTTAttributedLabel 을 사용하는 것이 좋습니다 . 그러나 한 줄 UILabel에 밑줄을 긋고 타사 구성 요소를 사용하지 않으려는 경우 위의 코드가 여전히 트릭을 수행합니다.
Swift에서 :
let underlineAttriString = NSAttributedString(string: "attriString",
attributes: [NSAttributedString.Key.underlineStyle: NSUnderlineStyle.single.rawValue])
label.attributedText = underlineAttriString
이것이 내가 한 일입니다. 버터처럼 작동합니다.
1) 프레임 워크에 CoreText.framework를 추가합니다.
2) 밑줄이 그어진 레이블이 필요한 클래스에서 <CoreText / CoreText.h>를 가져옵니다.
3) 다음 코드를 작성하십시오.
NSMutableAttributedString *attString = [[NSMutableAttributedString alloc] initWithString:@"My Messages"];
[attString addAttribute:(NSString*)kCTUnderlineStyleAttributeName
value:[NSNumber numberWithInt:kCTUnderlineStyleSingle]
range:(NSRange){0,[attString length]}];
self.myMsgLBL.attributedText = attString;
self.myMsgLBL.textColor = [UIColor whiteColor];
속성 문자열을 사용하십시오.
NSMutableAttributedString* attrString = [[NSMutableAttributedString alloc] initWithString:@"Your String"]
[attrString addAttribute:(NSString*)kCTUnderlineStyleAttributeName
value:[NSNumber numberWithInt:kCTUnderlineStyleSingle]
range:(NSRange){0,[attrString length]}];
그런 다음 레이블-(void) drawTextInRect : (CGRect) aRect를 재정의하고 다음과 같이 텍스트를 렌더링합니다.
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextSaveGState(ctx);
CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attrString);
drawingRect = self.bounds;
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRect(path, NULL, drawingRect);
textFrame = CTFramesetterCreateFrame(framesetter,CFRangeMake(0,0), path, NULL);
CGPathRelease(path);
CFRelease(framesetter);
CTFrameDraw(textFrame, ctx);
CGContextRestoreGState(ctx);
또는 재정의하는 대신 Olivier Halligon이 만든 OHAttributedLabel을 사용하는 것이 좋습니다.
NSMutableAttributedString
나는 더 나은 (적어도 내 요구 사항에 대해) UILabel 하위 클래스를 만들기 위해 제공된 답변 중 일부를 결합했습니다.
뷰 (UILabel / UIButton) 등의 하위 클래스를 만들고 싶지 않은 사람들 ... 'forgetButton'도 모든 레이블로 대체 할 수 있습니다.
-(void) drawUnderlinedLabel {
NSString *string = [forgetButton titleForState:UIControlStateNormal];
CGSize stringSize = [string sizeWithFont:forgetButton.titleLabel.font];
CGRect buttonFrame = forgetButton.frame;
CGRect labelFrame = CGRectMake(buttonFrame.origin.x + buttonFrame.size.width - stringSize.width,
buttonFrame.origin.y + stringSize.height + 1 ,
stringSize.width, 2);
UILabel *lineLabel = [[UILabel alloc] initWithFrame:labelFrame];
lineLabel.backgroundColor = [UIColor blackColor];
//[forgetButton addSubview:lineLabel];
[self.view addSubview:lineLabel];
}
NSString *tem =self.detailCustomerCRMCaseLabel.text;
if (tem != nil && ![tem isEqualToString:@""]) {
NSMutableAttributedString *temString=[[NSMutableAttributedString alloc]initWithString:tem];
[temString addAttribute:NSUnderlineStyleAttributeName
value:[NSNumber numberWithInt:1]
range:(NSRange){0,[temString length]}];
self.detailCustomerCRMCaseLabel.attributedText = temString;
}
다른 솔루션은 (iOS 7 이후)에 음수 값을 지정할 수 있습니다. NSBaselineOffsetAttributeName예를 들어 다음과 NSAttributedString같습니다.
NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:@"my text goes here'
attributes:@{NSFontAttributeName: [UIFont fontWithName:@"Helvetica-Regular" size:12],
NSForegroundColorAttributeName: [UIColor blackColor],
NSUnderlineStyleAttributeName: @(NSUnderlineStyleSingle), NSBaselineOffsetAttributeName: @(-3)}];
이것이 도움이되기를 바랍니다 ;-)
NSMutableAttributedString *text = [self.myUILabel.attributedText mutableCopy];
[text addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:NSMakeRange(0, text.length)];
self.myUILabel.attributedText = text;
이름이 UnderlinedLabel 인 사용자 지정 레이블을 만들고 drawRect 함수를 편집 할 수 있습니다.
#import "UnderlinedLabel.h"
@implementation UnderlinedLabel
- (void)drawRect:(CGRect)rect
{
NSString *normalTex = self.text;
NSDictionary *underlineAttribute = @{NSUnderlineStyleAttributeName: @(NSUnderlineStyleSingle)};
self.attributedText = [[NSAttributedString alloc] initWithString:normalTex
attributes:underlineAttribute];
[super drawRect:rect];
}
추가 코드를 작성하지 않고도 나를 위해 작동하는 가장 쉬운 솔루션이 있습니다.
// To underline text in UILable
NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithString:@"Type your text here"];
[text addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:NSMakeRange(0, text.length)];
lblText.attributedText = text;
때때로 우리 개발자는 UI 화면의 작은 디자인 부분에 갇혀 있습니다. 가장 짜증나는 요구 사항 중 하나는 줄 텍스트 아래입니다. 여기에 해결책이 있다고 걱정하지 마십시오.
Objective C를 사용하여 UILabel의 텍스트에 밑줄 표시
UILabel *label=[[UILabel alloc]initWithFrame:CGRectMake(0, 0, 320, 480)];
label.backgroundColor=[UIColor lightGrayColor];
NSMutableAttributedString *attributedString;
attributedString = [[NSMutableAttributedString alloc] initWithString:@"Apply Underlining"];
[attributedString addAttribute:NSUnderlineStyleAttributeName value:@1 range:NSMakeRange(0,
[attributedString length])];
[label setAttributedText:attributedString];
Swift를 사용하여 UILabel의 텍스트 밑줄
label.backgroundColor = .lightGray
let attributedString = NSMutableAttributedString.init(string: "Apply UnderLining")
attributedString.addAttribute(NSUnderlineStyleAttributeName, value: 1, range:
NSRange.init(location: 0, length: attributedString.length))
label.attributedText = attributedString
Kovpas 코드의 향상된 버전 (색상 및 선 크기)
@implementation UILabelUnderlined
- (void)drawRect:(CGRect)rect {
CGContextRef ctx = UIGraphicsGetCurrentContext();
const CGFloat* colors = CGColorGetComponents(self.textColor.CGColor);
CGContextSetRGBStrokeColor(ctx, colors[0], colors[1], colors[2], 1.0); // RGBA
CGContextSetLineWidth(ctx, 1.0f);
CGSize tmpSize = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(200, 9999)];
CGContextMoveToPoint(ctx, 0, self.bounds.size.height - 1);
CGContextAddLineToPoint(ctx, tmpSize.width, self.bounds.size.height - 1);
CGContextStrokePath(ctx);
[super drawRect:rect];
}
@end
밑줄이있는 여러 줄 uilabel을 만들었습니다.
글꼴 크기 8 ~ 13의 경우 int lineHeight = self.font.pointSize + 3;
글꼴 크기 14-20의 경우 int lineHeight = self.font.pointSize + 4;
- (void)drawRect:(CGRect)rect
{
CGContextRef ctx = UIGraphicsGetCurrentContext();
const CGFloat* colors = CGColorGetComponents(self.textColor.CGColor);
CGContextSetRGBStrokeColor(ctx, colors[0], colors[1], colors[2], 1.0); // RGBA
CGContextSetLineWidth(ctx, 1.0f);
CGSize tmpSize = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(self.frame.size.width, 9999)];
int height = tmpSize.height;
int lineHeight = self.font.pointSize+4;
int maxCount = height/lineHeight;
float totalWidth = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(1000, 9999)].width;
for(int i=1;i<=maxCount;i++)
{
float width=0.0;
if((i*self.frame.size.width-totalWidth)<=0)
width = self.frame.size.width;
else
width = self.frame.size.width - (i* self.frame.size.width - totalWidth);
CGContextMoveToPoint(ctx, 0, lineHeight*i-1);
CGContextAddLineToPoint(ctx, width, lineHeight*i-1);
}
CGContextStrokePath(ctx);
[super drawRect:rect];
}
kovpas가 보여준 것처럼 대부분의 경우 경계 상자를 사용할 수 있지만 경계 상자가 텍스트 주위에 깔끔하게 맞을 것이라는 보장이 항상있는 것은 아닙니다. 높이가 50이고 글꼴 크기가 12 인 상자는 UILabel 구성에 따라 원하는 결과를 제공하지 못할 수 있습니다.
UILabel 내에서 UIString을 쿼리하여 정확한 메트릭을 결정하고이를 사용하여 kovpas에서 이미 제공 한 그리기 코드를 사용하여 둘러싸는 경계 상자 또는 프레임에 관계없이 밑줄을 더 잘 배치합니다.
또한 특정 글꼴을 기반으로 기준선 사이의 거리를 제공하는 UIFont의 "선행"속성을 확인해야합니다. 기준선은 밑줄을 그릴 위치입니다.
NSString에 대한 UIKit 추가 사항을 찾습니다.
(CGSize)sizeWithFont:(UIFont *)font
//Returns the size of the string if it were to be rendered with the specified font on a single line.
(CGSize)sizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size
// Returns the size of the string if it were rendered and constrained to the specified size.
(CGSize)sizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size lineBreakMode:(UILineBreakMode)lineBreakMode
//Returns the size of the string if it were rendered with the specified constraints.
오픈 소스 라인 뷰를 사용하고 버튼 하위 뷰에 추가했습니다.
UILabel *label = termsButton.titleLabel;
CGRect frame = label.frame;
frame.origin.y += frame.size.height - 1;
frame.size.height = 1;
SSLineView *line = [[SSLineView alloc] initWithFrame:frame];
line.lineColor = [UIColor lightGrayColor];
[termsButton addSubview:line];
이것은 위의 Karim에서 영감을 얻었습니다.
Kovpas & Damien Praca의 답변을 기반으로 여기에 textAlignemnt 를 지원하는 UILabelUnderligned 구현이 있습니다 .
#import <UIKit/UIKit.h>
@interface UILabelUnderlined : UILabel
@end
및 구현 :
#import "UILabelUnderlined.h"
@implementation DKUILabel
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
}
return self;
}
- (void)drawRect:(CGRect)rect {
CGContextRef ctx = UIGraphicsGetCurrentContext();
const CGFloat* colors = CGColorGetComponents(self.textColor.CGColor);
CGContextSetRGBStrokeColor(ctx, colors[0], colors[1], colors[2], 1.0); // RGBA
CGContextSetLineWidth(ctx, 1.0f);
CGSize textSize = [self.text sizeWithFont:self.font constrainedToSize:CGSizeMake(200, 9999)];
// handle textAlignement
int alignementXOffset = 0;
switch (self.textAlignment) {
case UITextAlignmentLeft:
break;
case UITextAlignmentCenter:
alignementXOffset = (self.frame.size.width - textSize.width)/2;
break;
case UITextAlignmentRight:
alignementXOffset = self.frame.size.width - textSize.width;
break;
}
CGContextMoveToPoint(ctx, alignementXOffset, self.bounds.size.height - 1);
CGContextAddLineToPoint(ctx, alignementXOffset+textSize.width, self.bounds.size.height - 1);
CGContextStrokePath(ctx);
[super drawRect:rect];
}
@end
여기에 또 다른 간단한 해결책이 있습니다 (밑줄의 너비가 가장 정확하지는 않지만 나에게는 충분했습니다)
(_view_underline)흰색 배경, 높이가 1 픽셀 인 UIView 가 있으며 텍스트를 업데이트 할 때마다 너비를 업데이트합니다.
// It's a shame you have to do custom stuff to underline text
- (void) underline {
float width = [[_txt_title text] length] * 10.0f;
CGRect prev_frame = [_view_underline frame];
prev_frame.size.width = width;
[_view_underline setFrame:prev_frame];
}
NSNumber (0은 밑줄이 아님)를받는 NSUnderlineStyleAttributeName을 속성 사전에 추가 할 수 있습니다. 이게 더 쉬운 지 모르겠습니다. 하지만 내 목적에는 더 쉬웠습니다.
NSDictionary *attributes;
attributes = @{NSFontAttributeName:font, NSParagraphStyleAttributeName: style, NSUnderlineStyleAttributeName:[NSNumber numberWithInteger:1]};
[text drawInRect:CGRectMake(self.contentRect.origin.x, currentY, maximumSize.width, textRect.size.height) withAttributes:attributes];
Swift 4.1 버전 :
let underlineAttriString = NSAttributedString(string:"attriString", attributes:
[NSAttributedStringKey.underlineStyle: NSUnderlineStyle.styleSingle.rawValue])
label.attributedText = underlineAttriString
이 내 맞춤 라벨을 사용할 수 있습니다! 인터페이스 빌더를 사용하여
import UIKit
class YHYAttributedLabel : UILabel{
@IBInspectable
var underlineText : String = ""{
didSet{
self.attributedText = NSAttributedString(string: underlineText,
attributes: [NSAttributedString.Key.underlineStyle: NSUnderlineStyle.single.rawValue])
}
}
}