teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

テーブルのヘッダ/フッタを使う方法を追加。

2016/04/28 01:31

投稿

fuzzball
fuzzball

スコア16733

answer CHANGED
@@ -1,8 +1,8 @@
1
1
  現在、実際に試せないのですが、ヘッダやフッタ、もしくはセクションを使って実現できないでしょうか?
2
2
 
3
- 【追記】
3
+ #やってみる
4
4
 
5
- ヘッダフッタを使って実現してみました。
5
+ #####セクションのヘッダ/フッタを使
6
6
 
7
7
  ```swift
8
8
  //ヘッダ(上の線)
@@ -32,6 +32,27 @@
32
32
  }
33
33
  ```
34
34
 
35
+ #####テーブルのヘッダ/フッタを使う
36
+
37
+ こっちの方がシンプルで良さげ。
38
+
39
+ ```swift
40
+ class ViewController: UIViewController {
41
+
42
+ @IBOutlet weak var table: UITableView!
43
+
44
+ override func viewDidLoad() {
45
+ super.viewDidLoad()
46
+
47
+ let frame = CGRectMake(0, 0, CGRectGetWidth(table.frame), 1/*お好きな高さに*/)
48
+ table.tableHeaderView = UIView(frame: frame)
49
+ table.tableFooterView = UIView(frame: frame)
50
+ table.tableHeaderView!.backgroundColor = UIColor.greenColor() //お好きな色に
51
+ table.tableFooterView!.backgroundColor = UIColor.orangeColor() //
52
+ }
53
+ :
54
+ }
55
+ ```
35
56
  #できあがり
36
57
 
37
58
  ![table with border](bbee291ca5e2310c6d90edf9ba637714.png)

1

ヘッダとフッタ。

2016/04/28 01:31

投稿

fuzzball
fuzzball

スコア16733

answer CHANGED
@@ -1,1 +1,37 @@
1
- 現在、実際に試せないのですが、ヘッダやフッタ、もしくはセクションを使って実現できないでしょうか?
1
+ 現在、実際に試せないのですが、ヘッダやフッタ、もしくはセクションを使って実現できないでしょうか?
2
+
3
+ 【追記】
4
+
5
+ ヘッダとフッタを使って実現してみました。
6
+
7
+ ```swift
8
+ //ヘッダ(上の線)
9
+ func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
10
+ let view = UIView()
11
+ view.backgroundColor = UIColor.greenColor() //お好きな色に
12
+ return view
13
+ }
14
+
15
+ //フッタ(下の線)
16
+ func tableView(tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
17
+ let view = UIView()
18
+ view.backgroundColor = UIColor.orangeColor() //お好きな色に
19
+ return view
20
+ }
21
+
22
+ //ヘッダの高さ(上の線の幅)
23
+ func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat
24
+ {
25
+ return 1 //お好きな高さに
26
+ }
27
+
28
+ //フッタの高さ(下の線の幅)
29
+ func tableView(tableView: UITableV![イメージ説明](344a0bbcf888030f87c495bcc129513b.png)説明](7de0ad87abd0c7a94bf82d726fab393f.png)eightForFooterInSection section: I![イメージ説明](26b361b44483da144758a3fd28f2ec62.png) CGFloat
30
+ {
31
+ return 1 //お好きな高さに
32
+ }
33
+ ```
34
+
35
+ #できあがり
36
+
37
+ ![table with border](bbee291ca5e2310c6d90edf9ba637714.png)