web-dev-qa-db-ja.com

Swift-UITableViewのカスタムヘッダーの作成方法

テーブルにカスタムヘッダーを追加する必要があります

これを試してみる

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    let view = UIView(frame: CGRect(x: 0, y: 0, width: tableView.frame.size.width, height: 18))
    let label = UILabel(frame: CGRect(x: 20, y: 20, width: 50, height: 50))
    label.text = "TEST TEXT"
    label.textColor = UIColor.whiteColor()

    self.view.addSubview(view)

    return view
}

しかし、これは機能しません。テーブルには何も表示されません

私は何を間違えていますか?それとも別の方法がありますか?

27
Alexey K

ViewDidLoadでセクションヘッダーの高さを設定しましたか?

self.tableView.sectionHeaderHeight = 70

さらに、交換する必要があります

self.view.addSubview(view)

沿って

view.addSubview(label)

最後に、フレームを確認する必要があります

let view = UIView(frame: CGRect.zeroRect)

そして最終的には、現在白と白のように見えるため、目的のテキストの色。

22
Tanguy G.

Swift 4のセクションのUITableViewにカスタムヘッダービューを追加する最適なソリューションは-です

最初に次のようにViewForHeaderInSectionメソッドを使用します-

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let headerView = UIView.init(frame: CGRect.init(x: 0, y: 0, width: tableView.frame.width, height: 50))

        let label = UILabel()
        label.frame = CGRect.init(x: 5, y: 5, width: headerView.frame.width-10, height: headerView.frame.height-10)
        label.text = "Notification Times"
        label.font = UIFont().futuraPTMediumFont(16) // my custom font
        label.textColor = UIColor.charcolBlackColour() // my custom colour

        headerView.addSubview(label)

        return headerView
    }

2また、heightForHeaderInSection UITableViewメソッドを使用してヘッダーのHeightを設定することを忘れないでください-

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 50
    }

そして、あなたはすべて設定されていますか???? ???? ???? Check it here in image

22
Mohit G.

カスタムテーブルヘッダーをテーブルヘッダーとして使用する場合は、以下を試してください。

Swift 3.0用に更新されました

ステップ1

カスタムヘッダーのUITableViewHeaderFooterViewを作成します。

import UIKit

class MapTableHeaderView: UITableViewHeaderFooterView {

    @IBOutlet weak var testView: UIView!

}

ステップ2

UITableViewにカスタムヘッダーを追加する

    override func viewDidLoad() {
            super.viewDidLoad()

            tableView.delegate = self
            tableView.dataSource = self

            //register the header view

            let nibName = UINib(nibName: "CustomHeaderView", bundle: nil)
            self.tableView.register(nibName, forHeaderFooterViewReuseIdentifier: "CustomHeaderView")


    }

    extension BranchViewController : UITableViewDelegate{

    }

    extension BranchViewController : UITableViewDataSource{

        func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
            return 200
        }

        func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
            let headerView = self.tableView.dequeueReusableHeaderFooterView(withIdentifier: "CustomHeaderView" ) as! MapTableHeaderView

            return headerView
        }

        func tableView(_ tableView: UITableView, numberOfRowsInSection section: 

    Int) -> Int {
            // retuen no of rows in sections
        }

        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
            // retuen your custom cells    
        }

        func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {

        }

        func numberOfSections(in tableView: UITableView) -> Int {
            // retuen no of sections
        }

        func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
            // retuen height of row
        }


    }
15
GayashanK

カスタムセルをヘッダーとして使用している場合は、次を追加します。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

        let headerView = UIView()
        let headerCell = tableView.dequeueReusableCell(withIdentifier: "customTableCell") as! CustomTableCell
        headerView.addSubview(headerCell)
        return headerView
    }

単純なビューにしたい場合は、次を追加します。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let headerView:UIView =  UIView()
    return headerView
}
12
A.G

これは私のために働いた-Swift

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

        let headerCell = tableView.dequeueReusableCell(withIdentifier: "customTableCell") as! CustomTableCell
        return headerCell
    }
9
Basir Alam

カスタムlabelsubviewviewを追加します。viewForHeaderInSectionUIViewを返すため、self.view.addSubview(view)は不要です。

view.addSubview(label)
7
Anbu.Karthik