UILabel(動的テキストの長い行) に次のテキストがあるとします。
エイリアンの軍隊はチームの数をはるかに上回っているため、プレイヤーはポスト黙示録的な世界を有利に利用する必要があります。たとえば、ゴミ箱、柱、車、瓦礫、その他のオブジェクトの後ろに隠れる必要があります。
UILabel'sテキストが収まるように高さのサイズを変更したいのですが、次のプロパティを使用UILabelして、テキストを折り返すようにしています。
myUILabel.lineBreakMode = UILineBreakModeWordWrap;
myUILabel.numberOfLines = 0;
正しい方向に進んでいない場合はお知らせください。ありがとう。
sizeWithFont constrainedToSize:lineBreakMode:使用する方法です。使用方法の例を以下に示します。
//Calculate the expected size based on the font and linebreak mode of your label
// FLT_MAX here simply means no constraint in height
CGSize maximumLabelSize = CGSizeMake(296, FLT_MAX);
CGSize expectedLabelSize = [yourString sizeWithFont:yourLabel.font constrainedToSize:maximumLabelSize lineBreakMode:yourLabel.lineBreakMode];
//adjust the label the the new height.
CGRect newFrame = yourLabel.frame;
newFrame.size.height = expectedLabelSize.height;
yourLabel.frame = newFrame;
あなたは正しい方向に進んでいました。あなたがする必要があるのは、次のとおりです。
myUILabel.numberOfLines = 0;
myUILabel.text = @"Enter large amount of text here";
[myUILabel sizeToFit];
iOS 6 では、Apple はUILabelに、ラベルの動的な垂直方向のサイズ変更を大幅に簡素化するプロパティpreferredMaxLayoutWidthを追加しました。
このプロパティをlineBreakMode = NSLineBreakByWordWrappingおよびsizeToFitメソッドと組み合わせて使用すると、テキスト全体が収まる高さに UILabel インスタンスのサイズを簡単に変更できます。
iOS ドキュメントからの引用:
preferredMaxLayoutWidth 複数行ラベルの優先最大幅 (ポイント単位)。
解説 このプロパティは、レイアウトの制約がラベルに適用されたときに、ラベルのサイズに影響します。レイアウト中に、テキストがこのプロパティで指定された幅を超える場合、追加のテキストは 1 つまたは複数の新しい行に流れ、それによってラベルの高さが増加します。
サンプル：
...
UILabel *status = [[UILabel alloc] init];
status.lineBreakMode = NSLineBreakByWordWrapping;
status.numberOfLines = 5; // limits to 5 lines; use 0 for unlimited.
[self addSubview:status]; // self here is the parent view
status.preferredMaxLayoutWidth = self.frame.size.width; // assumes the parent view has its frame already set.
status.text = @"Some quite lengthy message may go here…";
[status sizeToFit];
[status setNeedsDisplay];
...
1行のコードを追加せずに、この動作を完全に確認してください。(自動レイアウトを使用)
ご要望に応じてデモを作成しました。以下のリンクからダウンロードして、
ステップバイステップガイド:-
ステップ 1 :-制約を UIView に設定します
1) リーディング 2) トップ 3) トレーリング (メインビューより)
ステップ 2 :-制約をラベル 1 に設定します
1) リーディング 2) トップ 3) トレーリング (スーパービューより)
ステップ 3 :-制約をラベル 2 に設定します
1) リーディング 2) トレーリング (スーパービューより)
ステップ 4 :- 最もトリッキーなのは、 UIView から UILabel にボタンを与えることです。
ステップ 5 :- (オプション) UIButton に制約を設定します
1) リーディング 2) ボトム 3) トレーリング 4) 固定高さ (メインビューより)
出力:-
注:- Label プロパティで Number of lines =0 を設定していることを確認してください。
この情報が、UILabel の高さに応じて UIView の自動サイズ変更とテキストに応じた UILabel の自動サイズ変更を理解するのに十分であることを願っています。
これをプログラムで行う代わりに、設計中に Storyboard/XIB でこれを行うことができます。
助けてくれてありがとう、これが私が試したコードで、私のために働いています
UILabel *instructions = [[UILabel alloc]initWithFrame:CGRectMake(10, 225, 300, 180)];
NSString *text = @"First take clear picture and then try to zoom in to fit the ";
instructions.text = text;
instructions.textAlignment = UITextAlignmentCenter;
instructions.lineBreakMode = NSLineBreakByWordWrapping;
[instructions setTextColor:[UIColor grayColor]];
CGSize expectedLabelSize = [text sizeWithFont:instructions.font
constrainedToSize:instructions.frame.size
lineBreakMode:UILineBreakModeWordWrap];
CGRect newFrame = instructions.frame;
newFrame.size.height = expectedLabelSize.height;
instructions.frame = newFrame;
instructions.numberOfLines = 0;
[instructions sizeToFit];
[self addSubview:instructions];
sizeWithFont は非推奨なので、代わりにこれを使用します。
これはラベル固有の属性を取得します。
-(CGFloat)heightForLabel:(UILabel *)label withText:(NSString *)text{
NSAttributedString *attributedText = [[NSAttributedString alloc] initWithString:text attributes:@{NSFontAttributeName:label.font}];
CGRect rect = [attributedText boundingRectWithSize:(CGSize){label.frame.size.width, CGFLOAT_MAX}
options:NSStringDrawingUsesLineFragmentOrigin
context:nil];
return ceil(rect.size.height);
}
TableViewController's (UITableViewCell *)tableView:cellForRowAtIndexPath 次の方法でメソッドを実装できます（例）：
#define CELL_LABEL_TAG 1
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
NSString *text = @"my long text";
static NSString *MyIdentifier = @"MyIdentifier";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:identifier] autorelease];
}
CGFloat width = [UIScreen mainScreen].bounds.size.width - 50;
CGFloat height = [self textHeight:text] + 10;
CGRect frame = CGRectMake(10.0f, 10.0f, width, height);
UILabel *cellLabel = [[UILabel alloc] initWithFrame:frame];
cellLabel.tag = CELL_LABEL_TAG;
cellLabel.textColor = [UIColor blackColor];
cellLabel.backgroundColor = [UIColor clearColor];
cellLabel.textAlignment = UITextAlignmentLeft;
cellLabel.font = [UIFont systemFontOfSize:12.0f];
[cell.contentView addSubview:cellLabel];
[cellLabel release];
return cell;
}
UILabel *label = (UILabel *)[cell viewWithTag:CELL_LABEL_TAG];
label.text = text;
label.numberOfLines = 0;
[label sizeToFit];
return cell;
また、NSStringのsizeWithFont:constrainedToSize:lineBreakMode:メソッドを使用して、テキストの高さを計算します。
カテゴリバージョンは次のとおりです。
UILabel+AutoSize.h # インポート
@interface UILabel (AutoSize)
- (void) autosizeForWidth: (int) width;
@end
UILabel+AutoSize.m
#import "UILabel+AutoSize.h"
@implementation UILabel (AutoSize)
- (void) autosizeForWidth: (int) width {
self.lineBreakMode = UILineBreakModeWordWrap;
self.numberOfLines = 0;
CGSize maximumLabelSize = CGSizeMake(width, FLT_MAX);
CGSize expectedLabelSize = [self.text sizeWithFont:self.font constrainedToSize:maximumLabelSize lineBreakMode:self.lineBreakMode];
CGRect newFrame = self.frame;
newFrame.size.height = expectedLabelSize.height;
self.frame = newFrame;
}
@end
UILabel の動的な高さを計算する私のアプローチ。
let width = ... //< width of this label
let text = ... //< display content
label.numberOfLines = 0
label.lineBreakMode = .byWordWrapping
label.preferredMaxLayoutWidth = width
// Font of this label.
//label.font = UIFont.systemFont(ofSize: 17.0)
// Compute intrinsicContentSize based on font, and preferredMaxLayoutWidth
label.invalidateIntrinsicContentSize()
// Destination height
let height = label.intrinsicContentSize.height
ラップして機能する:
func computeHeight(text: String, width: CGFloat) -> CGFloat {
// A dummy label in order to compute dynamic height.
let label = UILabel()
label.numberOfLines = 0
label.lineBreakMode = .byWordWrapping
label.font = UIFont.systemFont(ofSize: 17.0)
label.preferredMaxLayoutWidth = width
label.text = text
label.invalidateIntrinsicContentSize()
let height = label.intrinsicContentSize.height
return height
}
私にとって最も簡単でより良い方法は、高さの制約をラベルに適用し、ストーリーボードで優先度を low、つまり (250) に設定することでした。
したがって、ストーリーボードのおかげで、高さと幅をプログラムで計算することについて心配する必要はありません。
更新された方法
+ (CGFloat)heightForText:(NSString*)text font:(UIFont*)font withinWidth:(CGFloat)width {
CGSize constraint = CGSizeMake(width, 20000.0f);
CGSize size;
CGSize boundingBox = [text boundingRectWithSize:constraint
options:NSStringDrawingUsesLineFragmentOrigin
attributes:@{NSFontAttributeName:font}
context:nil].size;
size = CGSizeMake(ceil(boundingBox.width), ceil(boundingBox.height));
return size.height;
}
これは、Objective-c を使用して UILabel の高さを取得するための 1 行のコードです。
labelObj.numberOfLines = 0;
CGSize neededSize = [labelObj sizeThatFits:CGSizeMake(screenWidth, CGFLOAT_MAX)];
.height を使用すると、次のようにラベルの高さが得られます。
neededSize.height
UILabel *itemTitle = [[UILabel alloc] initWithFrame:CGRectMake(10.0f, 10,100, 200.0f)];
itemTitle.text = @"aseruy56uiytitfesh";
itemTitle.adjustsFontSizeToFitWidth = NO;
itemTitle.autoresizingMask = UIViewAutoresizingFlexibleWidth;
itemTitle.font = [UIFont boldSystemFontOfSize:18.0];
itemTitle.textColor = [UIColor blackColor];
itemTitle.shadowColor = [UIColor whiteColor];
itemTitle.shadowOffset = CGSizeMake(0, 1);
itemTitle.backgroundColor = [UIColor blueColor];
itemTitle.lineBreakMode = UILineBreakModeWordWrap;
itemTitle.numberOfLines = 0;
[itemTitle sizeToFit];
[self.view addSubview:itemTitle];
ここでこれを使用して、すべてのプロパティがラベルで使用され、itemTitle.text のテキストを次のように増やしてテストします。
itemTitle.text = @"diofgorigjveghnhkvjteinughntivugenvitugnvkejrfgnvkhv";
必要に応じて完璧な答えが表示されます
メソッドとしても使用できます。@Pyjamasamは非常に真実なので、私はその方法を作っています。他の誰かに役立つかもしれません
-(CGRect)setDynamicHeightForLabel:(UILabel*)_lbl andMaxWidth:(float)_width{
CGSize maximumLabelSize = CGSizeMake(_width, FLT_MAX);
CGSize expectedLabelSize = [_lbl.text sizeWithFont:_lbl.font constrainedToSize:maximumLabelSize lineBreakMode:_lbl.lineBreakMode];
//adjust the label the the new height.
CGRect newFrame = _lbl.frame;
newFrame.size.height = expectedLabelSize.height;
return newFrame;
}
そして、このように設定するだけです
label.frame = [self setDynamicHeightForLabel:label andMaxWidth:300.0];
この投稿をありがとう。とても助かりました。私の場合、別のView Controllerでテキストも編集しています。私が使用するときに気づいた：
[cell.contentView addSubview:cellLabel];
tableView:cellForRowAtIndexPath: メソッドでは、セルを編集するたびに、ラベル ビューが前のビューの上に継続的にレンダリングされていました。テキストがピクセル化され、何かが削除または変更されると、以前のバージョンが新しいバージョンの下に表示されました。これが私が問題を解決した方法です：
if ([[cell.contentView subviews] count] > 0) {
UIView *test = [[cell.contentView subviews] objectAtIndex:0];
[test removeFromSuperview];
}
[cell.contentView insertSubview:cellLabel atIndex:0];
変な重ね着はもう必要ありません。これを処理するより良い方法があれば、私に知らせてください。
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
cellIdentifier = @"myCell";
cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
cell.myUILabel.lineBreakMode = UILineBreakModeWordWrap;
cell.myUILabel.numberOfLines = 0;
cell.myUILabel.text = @"Some very very very very long text....."
[cell.myUILabel.criterionDescriptionLabel sizeToFit];
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell = [self tableView:tableView cellForRowAtIndexPath:indexPath];
CGFloat rowHeight = cell.myUILabel.frame.size.height + 10;
return rowHeight;
}
スウィフト 2:
yourLabel.text = "your very long text"
yourLabel.numberOfLines = 0
yourLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
yourLabel.frame.size.width = 200
yourLabel.frame.size.height = CGFloat(MAXFLOAT)
yourLabel.sizeToFit()
興味深い行は、 aを最大フロートにsizeToFit()設定することと関連しています。これにより、長いテキストのスペースが確保されますが、必要なもののみを使用するように強制されますが、.frame.size.heightsizeToFit().frame.size.height
.backgroundColorデバッグ目的で を設定することをお勧めします。これにより、各ケースでレンダリングされているフレームを確認できます。
この方法は完璧な高さを与えます
-(float) getHeightForText:(NSString*) text withFont:(UIFont*) font andWidth:(float) width{
CGSize constraint = CGSizeMake(width , 20000.0f);
CGSize title_size;
float totalHeight;
title_size = [text boundingRectWithSize:constraint
options:NSStringDrawingUsesLineFragmentOrigin
attributes:@{ NSFontAttributeName : font }
context:nil].size;
totalHeight = ceil(title_size.height);
CGFloat height = MAX(totalHeight, 40.0f);
return height;
}
最後に、それはうまくいきました。君たちありがとう。
メソッドでラベルのサイズを変更しようとしていたため、機能しませんでしたheightForRowAtIndexPath：
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
そして（ええ、ばかげた私）、私はcellForRowAtIndexPathメソッドでラベルのサイズをデフォルトに変更していました-私は以前に書いたコードを見落としていました：
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
一行は、クリスの答えが間違っているということです。
newFrame.size.height = maximumLabelSize.height;
する必要があります
newFrame.size.height = expectedLabelSize.height;
それ以外は、正しい解決策です。
この方法は、iOS 6 と 7 の両方で機能します。
- (float)heightForLabelSize:(CGSize)maximumLabelSize Font:(UIFont *)font String:(NSString*)string {
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
NSDictionary *stringAttributes = [NSDictionary dictionaryWithObject:font forKey: NSFontAttributeName];
CGSize adjustedLabelSize = [string maximumLabelSize
options:NSStringDrawingTruncatesLastVisibleLine|NSStringDrawingUsesLineFragmentOrigin
attributes:stringAttributes context:nil].size;
return adjustedLabelSize.height;
}
else {
CGSize adjustedLabelSize = [string sizeWithFont:font constrainedToSize:maximumLabelSize lineBreakMode:NSLineBreakByWordWrapping];
return adjustedLabelSize.height;
}
}
iOS7に合わせたアップデート
// If description are available for protocol
protocolDescriptionLabel.text = [dataDictionary objectForKey:@"description"];
[protocolDescriptionLabel sizeToFit];
[protocolDescriptionLabel setLineBreakMode:NSLineBreakByWordWrapping];
CGSize expectedLabelSize = [protocolDescriptionLabel
textRectForBounds:protocolDescriptionLabel.frame
limitedToNumberOfLines:protocolDescriptionLabel.numberOfLines].size;
NSLog(@"expectedLabelSize %f", expectedLabelSize.height);
//adjust the label the the new height.
CGRect newFrame = protocolDescriptionLabel.frame;
newFrame.size.height = expectedLabelSize.height;
protocolDescriptionLabel.frame = newFrame;