iphone - テーブル ビューのレイアウトを調整する方法

Question

このようなテーブルセクションを作成しようとしています。

ご覧のとおり、これは 2 つの入力テキスト フィールドと 1 つの UI コントロールを含む単一のテーブル セルです。

私はこのようなことをすることができます

私の質問は、テキスト フィールド間に線を引く方法と、テキスト フィールドの境界線を削除する方法です。

ありがとう

Answer 1

UITableView をサブクラス化してカスタム セルを使用していると仮定すると、次のようにプログラムで追加のビューのカスタマイズを指定します。

//borderless UITextField
[textField setBorderStyle:UITextBorderStyleNone];

テキスト フィールド間の行については、それを行う方法に関する多くのオプションがあります。すばやく簡単な方法の 1 つは、目的の幅の高さ 1 ピクセルの UIView を指定し、背景色を灰色にすることです。

UIView *line = [[UIView alloc] initWithFrame:CGRectMake(startingX, startingY, desiredWidth, 1)];
line.backgroundColor = [UIColor grayColor];
[cell addSubview:line];

Answer 2

UITableViewCell をサブクラス化してカスタム セルを使用してみてください。これにより、設計が容易になり、レイアウトを思いどおりに正確に作成できます。

UITableViewCell をサブクラス化したくない場合も、テーブルの境界線を削除することでこれを実現できます。

tableView.layer.borderWidth = 0;
tableView.layer.borderColor = [UIColor clearColor];

これには QuartzCore Framework を追加する必要があります。次に、以下の行を .h ファイルに書き込む必要があります。

#import <QuartzCore/QuartzCore.h>

2 つのセルの間のその線については、画像を追加するだけです。その前に、tableview の区切りスタイルを none に変更する必要があります。