iphone - uitableviewcell textlabelが長すぎて、detailtextlabelを非表示にします

Question

UITableViewCellStyleValue1を使用しているときに、textLabelの長い文字列を取得しましたが、どういうわけか、detailTextLabelがビューからプッシュされました。

textLabelテキストをショートすると、detailTextLabelのテキストが表示されます。

上記のスタイルでtextLabelの幅を制限して、textLabelが長すぎると切り捨てられるようにする方法はありますか？

私のコードは次のとおりです。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *CellIdentifier = @"Cell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:CellIdentifier] autorelease];

}

cell.textLabel.lineBreakMode = UILineBreakModeTailTruncation;

//---get the letter in each section; e.g., A, B, C, etc.---
NSString *alphabet = [self.currencyNameIndex objectAtIndex:[indexPath section]];

//---get all states beginning with the letter---
NSPredicate *predicate = [NSPredicate predicateWithFormat:@"SELF beginswith[c] %@", alphabet];
self.currencyList = [self.keyCurrencyName filteredArrayUsingPredicate:predicate];

if ([self.currencyList count] > 0) 
{
    NSString *currencyName = [self.keyCurrencyName objectAtIndex:indexPath.row];
    cell.textLabel.text = currencyName;

    NSString *currencyCode = [self.valueCurrencyCode objectAtIndex:indexPath.row];
    cell.detailTextLabel.text = currencyCode;

}   

return cell;
}

だから私の通貨名はいくつかのエントリで長いものになります。

score 16 · Accepted Answer

私にとって最も簡単なのは、UITableViewCell をサブクラス化し、layoutSubviews をオーバーライドすることでした。

ラベルフレームだけから位置を計算する信頼できる方法が見つからなかったため、この場合は UITableViewCellAccessoryDisclosureIndicator アクセサリタイプを持つ UITableViewCellStyleValue1 セルのアクセサリ幅をハードコーディングしました。

- (void)layoutSubviews
{
    [super layoutSubviews];

    CGFloat detailTextLabelWidth = [self.detailTextLabel.text sizeWithFont:self.detailTextLabel.font].width;
    CGRect detailTextLabelFrame = self.detailTextLabel.frame;

    if (detailTextLabelFrame.size.width <= detailTextLabelWidth && detailTextLabelWidth > 0) {
        detailTextLabelFrame.size.width = detailTextLabelWidth;
        CGFloat accessoryWidth = (floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_6_1) ? 28.0f : 35.0f;
        detailTextLabelFrame.origin.x = self.frame.size.width - accessoryWidth - detailTextLabelWidth;
        self.detailTextLabel.frame = detailTextLabelFrame;

        CGRect textLabelFrame = self.textLabel.frame;
        textLabelFrame.size.width = detailTextLabelFrame.origin.x - textLabelFrame.origin.x;
        self.textLabel.frame = textLabelFrame;
    }
}

score 8 · Accepted Answer

@ジャリヤ@ルーカス

cell.textLabel.numberOfLines = 3; // set the numberOfLines
cell.textLabel.lineBreakMode = UILineBreakModeTailTruncation;

ここを参照してください:カスタム UITableViewCell. UILineBreakModeTailTruncation の適用に失敗しました

score 4 · Accepted Answer

UITableView で「Right Detail」を使用しようとすると、同様の問題が発生しました。適切な詳細のビルトインタイトルラベルが字幕ラベルを上書きしていました。

最終的に、私は「正しいディテール」をあきらめて、独自のカスタムディテールを支持しました (swift と autolayout を使用):

UITableViewCell から継承した独自の単純なクラスを作成しました。
```
class TransactionCell: UITableViewCell
{

}
```
「テーブルビューセル」メニューで「スタイル」フィールドを「カスタム」に設定し、「カスタムクラス」メニューの「クラス」フィールドに「TransactionCell」を追加して、プロトタイプセルがそのカスタムクラスを使用するように設定しました。これらのメニューは、ストーリーボードでプロトタイプセルを選択すると使用できます。
プロトタイプセルに 2 つのラベルを追加し、右クリックしてラベルからクラスにドラッグすることで、それらをカスタムクラスに接続しました (奇妙なことに、これを行う前にビルドをクリーンアップする必要がありました)。
```
class TransactionCell: UITableViewCell{

    @IBOutlet weak var detailsLabel: UILabel!

    @IBOutlet weak var amountLabel: UILabel!

}
```
Swift の自動レイアウト機能を利用して、ラベルに新しい制約を追加しました (独自の要件に合わせてこれらを設定する必要があります。行き詰まっている場合は、自動レイアウトのチュートリアルを参照してください)。

...そして、それぞれの「ラベル」メニューで「行」フィールドと「改行」フィールドを設定して、ラベル間の間隔が均等になり、詳細ラベルが複数行に変更できるようにします。

それは私にとってはうまくいき、セルごとに迅速に UITableView のさまざまな量の複数行の柔軟性を持たせることができ、ワードラッピングをフォーマットして見栄えが良く、「正しい詳細」が期待していたようにさえすることができました自動的。

score 3 · Accepted Answer

同じ問題があり、UITableViewCellサブクラスを作成する必要がありました。思ったよりも簡単です：

基本的に、UITableViewCellのサブクラスである新しいファイルを作成するだけです

ラベルを追加して合成します。

// in the .h file
@property (nonatomic, weak) IBOutlet UILabel *textLabel;
@property (nonatomic, weak) IBOutlet UILabel *detailTextLabel;
// in the .m file
@synthesize textLabel, detailTextLabel;

StoryBoard で、クラスをセルのクラスとして設定し、スタイルを「カスタム」にして、セルに 2 つのラベルを追加して、希望どおりに表示します (デフォルトと同じように表示しました: http://cl.ly/ J7z3 )

最も重要な部分は、ラベルをセルに接続していることを確認することです

セルからドキュメントアウトラインのラベルまで、コントロールクリックする必要があります。これがどのように見えるかの写真です：http://cl.ly/J7BP

カスタムセル、動的セル、および静的セルの作成方法を理解するのに役立ったのは、次の YouTube ビデオです: http://www.youtube.com/watch?v=fnzkcV_XUw8

それができたら、準備は整っているはずです。幸運を！

score 1 · Accepted Answer

ビューのフレームを調整します: textLabel

 CGRect aFrame = cell.textLabel.frame;
 aFrame.size.width = 100;  // for example
 cell.textLabel.frame = aFrame;

score 0 · Accepted Answer

必要に応じて制御できる UILabel を含むカスタム UITableViewCell を作成するか、基本クラスの textLabel に割り当てるテキストを切り詰めて、スペースに合わせます。

完璧ではありませんが、次のような方法で NSString カテゴリを使用して、カスタムセルが過剰な場所 (たとえば、唯一の問題がテキストを収めることだった場合) でテキストの切り捨て手法を使用しました。

- (NSString *)stringByTruncatingToWidth:(CGFloat)width withFont:(UIFont *)font
{
    NSString *result = [NSString stringWithString:self];

    while ([result sizeWithFont:font].width > width)
    {
        result = [result stringByReplacingOccurrencesOfString:@"..." withString:[NSString string]];

        result = [[result substringToIndex:([result length] - 1)] stringByAppendingString:@"..."];
    }

    return result;
}

おそらく「最適化」されていませんが、単純なシナリオでは機能します。

score 0 · Accepted Answer

1つ目：改行モードを設定する

textLabel.lineBreakMode = NSLineBreakByTruncatingTail;

2番目：必要なtexLabelフレーム幅を設定します（例：200）

CGRect textFrame = self.textLabel.frame;
CGRect newTextFrame = CGRectMake(textFrame.origin.x, textFrame.origin.y, 200, textFrame.size.height);
self.textLabel.frame = newTextFrame;

score -7 · Accepted Answer

UILabellineBreakModeプロパティを使用して、テキストを幅内に制限します。UILabel

@property(nonatomic) UILineBreakMode lineBreakMode

以下のように使用してください。

myLabel.lineBreakMode = UILineBreakModeTailTruncation;

で使用できる値のリストを次に示します lineBreakMode。

http://developer.apple.com/library/ios/#documentation/uikit/reference/NSString_UIKit_Additions/Reference/Reference.html#//apple_ref/doc/c_ref/UILineBreakMode

編集:

UILabel要件に応じて幅を設定します

例えば。

myLabel.frame.size.width = 320;

iphone - uitableviewcell textlabelが長すぎて、detailtextlabelを非表示にします

12 に答える 12

Related

Reference