UIKit/テーブル/セルのカスタマイズ
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[UIKit/テーブル]]
&tag(UIKit/テーブル/セルのカスタマイズ);
*目次 [#gd626c5c]
#contents
*関連ページ [#sbb107cd]
*参考情報 [#xa37e514]
*ストーリーボードで設定したプロトタイプセルを利用する [#n...
-参考: [[[iOS] Auto Layout + Storyboard で高さ可変のUITab...
-コードじゃなくてストーリーボードでカスタムセルを使用する...
-追加したプロトタイプセルのスタイルをBasicにすれば通常の...
**手順 [#ie11db94]
-ストーリーボードでUITableViewにUITableViewCellをドロップ...
-UITableViewCellのセルを自作のクラスに変更。例MyCell。
-ストーリーボード上でセルにラベルなどを配置して、MyCellに...
#pre{{
class MyCell: UITableViewCell {
@IBOutlet weak var titleLabel: UILabel!
@IBOutlet weak var descriptionLabel: UILabel!
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(selected: Bool, animated: B...
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
}
}}
-このセルを呼び出す。
#pre{{
func tableView(tableView: UITableView, cellForRowAtIn...
let cell = tableView.dequeueReusableCellWithIdent...
cell.titleLabel?.text = rows[indexPath.row]
// cell.textLabel?.text = rows[indexPath.row]
return cell
}
}}
*カスタマイズしたセルのマージンを調節する [#p46d6e8d]
**UILabelを設置する場合 [#nd9c03a2]
-UITableViewCellにUILabelを設置した場合、左側のマージンが...
-[[ios - Matching left alignment of custom & standard UIT...
-ContentViewとUITableViewCellのPreserve Superview Margins...
**UITextViewを設置する場合 [#he7bfe07]
-基本的にUILabelの場合と同じだが、内部の隙間が存在する。...
textView.textContainer.lineFragmentPadding = 0
*その他 [#k19dba8f]
**セルの背景色を変更する [#af032deb]
-cellForRowAtで変更で以下のように変更するサンプルコードが...
#pre{{
override func tableView(_ tableView: UITableView, cel...
let cell = tableView.dequeueReusableCell(withIden...
cell.textLabel?.text = rows[indexPath.row]
cell.textLabel?.backgroundColor = UIColor.gray
return cell
}
}}
-しかしこのコードではスクロールしないと、背景がうまく変更...
-その場合以下のようにwillDisplayで設定しないとだめらしい。
#pre{{
override func tableView(_ tableView: UITableView, will...
cell.textLabel?.backgroundColor = UIColor.lightGray
}
}}
終了行:
[[UIKit/テーブル]]
&tag(UIKit/テーブル/セルのカスタマイズ);
*目次 [#gd626c5c]
#contents
*関連ページ [#sbb107cd]
*参考情報 [#xa37e514]
*ストーリーボードで設定したプロトタイプセルを利用する [#n...
-参考: [[[iOS] Auto Layout + Storyboard で高さ可変のUITab...
-コードじゃなくてストーリーボードでカスタムセルを使用する...
-追加したプロトタイプセルのスタイルをBasicにすれば通常の...
**手順 [#ie11db94]
-ストーリーボードでUITableViewにUITableViewCellをドロップ...
-UITableViewCellのセルを自作のクラスに変更。例MyCell。
-ストーリーボード上でセルにラベルなどを配置して、MyCellに...
#pre{{
class MyCell: UITableViewCell {
@IBOutlet weak var titleLabel: UILabel!
@IBOutlet weak var descriptionLabel: UILabel!
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(selected: Bool, animated: B...
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
}
}}
-このセルを呼び出す。
#pre{{
func tableView(tableView: UITableView, cellForRowAtIn...
let cell = tableView.dequeueReusableCellWithIdent...
cell.titleLabel?.text = rows[indexPath.row]
// cell.textLabel?.text = rows[indexPath.row]
return cell
}
}}
*カスタマイズしたセルのマージンを調節する [#p46d6e8d]
**UILabelを設置する場合 [#nd9c03a2]
-UITableViewCellにUILabelを設置した場合、左側のマージンが...
-[[ios - Matching left alignment of custom & standard UIT...
-ContentViewとUITableViewCellのPreserve Superview Margins...
**UITextViewを設置する場合 [#he7bfe07]
-基本的にUILabelの場合と同じだが、内部の隙間が存在する。...
textView.textContainer.lineFragmentPadding = 0
*その他 [#k19dba8f]
**セルの背景色を変更する [#af032deb]
-cellForRowAtで変更で以下のように変更するサンプルコードが...
#pre{{
override func tableView(_ tableView: UITableView, cel...
let cell = tableView.dequeueReusableCell(withIden...
cell.textLabel?.text = rows[indexPath.row]
cell.textLabel?.backgroundColor = UIColor.gray
return cell
}
}}
-しかしこのコードではスクロールしないと、背景がうまく変更...
-その場合以下のようにwillDisplayで設定しないとだめらしい。
#pre{{
override func tableView(_ tableView: UITableView, will...
cell.textLabel?.backgroundColor = UIColor.lightGray
}
}}
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
