テキストに応じてUILabelの高さを調整
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はILabelにラベルの動的な垂直方向のサイズ変更を非常に簡単にするプロパティを追加しました。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];
...
プログラム的にこれを行う代わりに、デザイン中にStoryboard/XIBでこれを行うことができます。
- 属性インスペクタで、UIlabelの行数プロパティをに設定します。
- 次に、要件に従って幅の制限/（または）前後の制限を設定します。
- そして最小高さで高さ拘束を設定。最後に追加した高さの制約を選択し、サイズインスペクタで属性インスペクタの隣にあるものを選択します。変更高さ制約のrelation from 等しい - - より大きい。
単一行のコードを追加せずにこの作業を完全にチェックしてください。 （自動レイアウトの使用）
私はあなたの要求に従ってあなたのためにデモを作りました。下のリンクからダウンロードしてください。
ステップバイステップガイド： -
ステップ1： - UIViewに制約を設定
1）先頭2）トップ3）末尾（メインビューより）
ステップ2： - ラベル1に制約を設定
1）リード2）トップ3）トレーリング（スーパービューより）
ステップ3： - ラベル2に制約を設定
1）先頭2）末尾（スーパービューより）
ステップ4： - 最もトリッキーながUIViewからUILabelにbottonを与えます。
ステップ5： - （オプション）UIButtonに制約を設定
1）リード2）ボトム3）トレーリング4）固定の高さ（メインビューから）
出力： -
注： - LabelプロパティでNumber of lines = 0を設定したことを確認してください。
この情報が、UILabelの身長に応じてAutoresize UIViewを理解し、テキストに沿ってAutoresize UILabelを理解するのに十分なことを願っています。
助けてくれてありがとう、これが私のために働いている私が試したコードです
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];
上記のiOS 7および上記のiOS 7の解決方法
//
// UILabel+DynamicHeight.m
// For StackOverFlow
//
// Created by Vijay on 24/02/14.
// Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//
#import <UIKit/UIKit.h>
#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v) ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)
#define SYSTEM_VERSION_LESS_THAN(v) ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] == NSOrderedAscending)
#define iOS7_0 @"7.0"
@interface UILabel (DynamicHeight)
/*====================================================================*/
/* Calculate the size,bounds,frame of the Multi line Label */
/*====================================================================*/
/**
* Returns the size of the Label
*
* @param aLabel To be used to calculte the height
*
* @return size of the Label
*/
-(CGSize)sizeOfMultiLineLabel;
@end
//
// UILabel+DynamicHeight.m
// For StackOverFlow
//
// Created by Vijay on 24/02/14.
// Copyright (c) 2014 http://Vijay-Apple-Dev.blogspot.com. All rights reserved.
//
#import "UILabel+DynamicHeight.h"
@implementation UILabel (DynamicHeight)
/*====================================================================*/
/* Calculate the size,bounds,frame of the Multi line Label */
/*====================================================================*/
/**
* Returns the size of the Label
*
* @param aLabel To be used to calculte the height
*
* @return size of the Label
*/
-(CGSize)sizeOfMultiLineLabel{
NSAssert(self, @"UILabel was nil");
//Label text
NSString *aLabelTextString = [self text];
//Label font
UIFont *aLabelFont = [self font];
//Width of the Label
CGFloat aLabelSizeWidth = self.frame.size.width;
if (SYSTEM_VERSION_LESS_THAN(iOS7_0)) {
//version < 7.0
return [aLabelTextString sizeWithFont:aLabelFont
constrainedToSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
lineBreakMode:NSLineBreakByWordWrapping];
}
else if (SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(iOS7_0)) {
//version >= 7.0
//Return the calculated size of the Label
return [aLabelTextString boundingRectWithSize:CGSizeMake(aLabelSizeWidth, MAXFLOAT)
options:NSStringDrawingUsesLineFragmentOrigin
attributes:@{
NSFontAttributeName : aLabelFont
}
context:nil].size;
}
return [self bounds].size;
}
@end
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);
}
これがカテゴリバージョンです：
ILabel + AutoSize.h #import
@interface UILabel (AutoSize)
- (void) autosizeForWidth: (int) width;
@end
ILabel + 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
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:メソッドも使用します。
そしてiOS 8に移行している人たちのために、Swiftのクラス拡張があります。
extension UILabel {
func autoresize() {
if let textNSString: NSString = self.text {
let rect = textNSString.boundingRectWithSize(CGSizeMake(self.frame.size.width, CGFloat.max),
options: NSStringDrawingOptions.UsesLineFragmentOrigin,
attributes: [NSFontAttributeName: self.font],
context: nil)
self.frame = CGRectMake(self.frame.Origin.x, self.frame.Origin.y, self.frame.size.width, rect.height)
}
}
}
UILabel拡張子に基づく この答え forSwift 4以降
extension UILabel {
func retrieveTextHeight () -> CGFloat {
let attributedText = NSAttributedString(string: self.text!, attributes: [NSFontAttributeName:self.font])
let rect = attributedText.boundingRect(with: CGSize(width: self.frame.size.width, height: CGFloat.greatestFiniteMagnitude), options: .usesLineFragmentOrigin, context: nil)
return ceil(rect.size.height)
}
}
のように使用することができます：
self.labelHeightConstraint.constant = self.label.retrieveTextHeight()
私にとってうまくいった最も簡単でより良い方法はラベルに高さの制約を適用して低優先、すなわちストーリーボードで（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;
}
メソッドとしても使えます。 @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];
Objective-cを使用してUILabel Heightを取得するための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";
必要に応じてperfetcの回答が表示されます。
この記事をありがとう。とても助かりました。私の場合は、別の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];
これ以上奇妙なレイヤリングはありません。これを処理するより良い方法があるならば、私に知らせてください。
Swift3でこれを行うには、次のコードを使用します。
let labelSizeWithFixedWith = CGSize(width: 300, height: CGFloat.greatestFiniteMagnitude)
let exactLabelsize = self.label.sizeThatFits(labelSizeWithFixedWith)
self.label.frame = CGRect(Origin: CGPoint(x: 20, y: 20), size: exactLabelsize)
あなたは以下のコードを使って身長を知ることができます
あなたは合格する必要があります
テキスト2.フォント3.ラベル幅
func heightForLabel(text: String, font: UIFont, width: CGFloat) -> CGFloat { let label:UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: CGFloat.greatestFiniteMagnitude)) label.numberOfLines = 0 label.lineBreakMode = NSLineBreakMode.byWordWrapping label.font = font label.text = text label.sizeToFit() return label.frame.height }
Swift 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()
興味深い行は、frame.size.heightを最大浮動小数点数に設定することに関連したsizeToFit()です。これは長いテキストのための余地を与えますが、sizeToFit()は必要なものだけを使うよう強制しますが、ALWAYS.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;
}
-(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;
}
NSString *str = @"Please enter your text......";
CGSize lblSize = [str sizeWithFont:[UIFont systemFontOfSize:15] constrainedToSize: CGSizeMake(200.0f, 600.0f) lineBreakMode: NSLineBreakByWordWrapping];
UILabel *label = [[UILabel alloc]init];
label.frame = CGRectMake(60, 20, 200, lblSize.height);
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.font = [UIFont systemFontOfSize:15];
label.text = str;
label.backgroundColor = [UIColor clearColor];
[label sizeToFit];
[self.view addSubview:label];
myLabel.text = "your very long text"
myLabel.numberOfLines = 0
myLabel.lineBreakMode = NSLineBreakMode.ByWordWrapping
左上と右下を含むストーリーボードのUILabelの制約を設定してください
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
}
私のコード：
UILabel *label = [[UILabel alloc] init];
label.numberOfLines = 0;
label.lineBreakMode = NSLineBreakByWordWrapping;
label.text = text;
label.textAlignment = NSTextAlignmentCenter;
label.font = [UIFont fontWithName:_bodyTextFontFamily size:_bodyFontSize];
CGSize size = [label sizeThatFits:CGSizeMake(width, MAXFLOAT)];
float height = size.height;
label.frame = CGRectMake(x, y, width, height);
上記の回答に追加する：
これはストーリーボードで簡単に実現できます。
- UILabelに制約を設定します（私の場合は、上、左、固定幅を使用しました）。
- 属性インスペクタで行数を0に設定
- 属性インスペクタで、改行をWordWrapに設定します。
最後に、それはうまくいった。君たちありがとう。
私はheightForRowAtIndexPathメソッドでラベルのサイズを変更しようとしていたので、うまく機能していませんでした。
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
cellForRowAtIndexPathメソッドでデフォルトのラベルをリサイズしていました - 以前書いたコードを見逃していました：
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
1行はクリスの答えが間違っているということです。
newFrame.size.height = maximumLabelSize.height;
あるべき
newFrame.size.height = expectedLabelSize.height;
それ以外は、それは正しい解決策です。
問題は、言及された関数のどれもが現実的でなく、そしていくつかのストリングとフォントのために不正確な高さ値を返すということです。特に属性付きテキストでは失敗します。
唯一の現実的な解決策はここにあります： https://stackoverflow.com/a/4214978/699944 そしてポイントは手動で正しいサイズを得るためにあらゆる行の高さを計算するためにCoreTextを使うことです。これを行うための他の既知の方法はありません。
このメソッドは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;
}
}