web-dev-qa-db-ja.com

UITableViewのヘッダーまたはフッターとしてカスタムセルを設定する方法

ストーリーボードの代わりにXibファイルを使用しています。いくつかのダミーデータを含むテーブルビューを作成しました。これで問題なく動作しました。ここで、いくつかのラベルとtextFieldsを含むカスタムセルを作成しました。 UITableViewのヘッダーまたはフッターとして使用するにはどうすればよいですか？

iosswiftuitableviewcustom-celluitableviewsectionheader
9
Byte

答えは実際にはかなり簡単です。 viewForHeaderInSection()で、cellForRowAtIndexPath()と同じようにセルオブジェクトを作成して返します。

これがサンプルコードです。

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let cell = tableView.dequeueReusableCellWithIdentifier("cellIdentifier") as! YourTableViewCell
    return cell
}

ヘッダーの高さは次のように設定できます。

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

Swift 4.2の更新

override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cellIdentifier") as! YourTableViewCell
    return cell
}

そして

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 80
}
29
Tushar Korde

プログラムでカスタムビューを作成できます。次のコードを試してみました。一度お試しください。

override func tableView(tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
        let customview:UIView = UIView();
        let label = UILabel();
        label.text = "ur custom data"
        /*
            You can add any number of subviews you want here
            And don't forget to add it to your customview.
         */
        customview.addSubview(label)
        return customview;
    }

同様に、ヘッダーについても同じことができます。

2
Ramcharan Reddy

これは、TableViewのヘッダーを追加するメソッドです。UIButton、UIImageViewなどの任意のコントロールを使用できます。

    func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let sectionView = UIView()
        sectionView.frame = CGRectMake(x,y,height,width) // For Set the Frame 
        sectionView.backgroundColor = UIColor.redColor()

        return sectionView
    }
func tableView(tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
        let sectionView = UIView()
        sectionView.frame = CGRectMake(x,y,height,width) // For Set the Frame 
        sectionView.backgroundColor = UIColor.redColor()

        return sectionView
    }

上記のように、セクションのフッターを設定でき、ヘッダーとフッターのサイズを追加できます

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

func tableView(tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
    return 20.0
}

Swift 4.0

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
                let sectionView = UIView()
                sectionView.frame = CGRect(x: x, y: y, width: width, height: height)// For Set the Frame
                sectionView.backgroundColor = UIColor.red

                return sectionView
    }

func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
                let sectionView = UIView()
                sectionView.frame = CGRect(x: x, y: y, width: width, height: height)// For Set the Frame
                sectionView.backgroundColor = UIColor.red

                return sectionView
}

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

    func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
        return 20.0
    }
2
Ronak Adeshara