在表格 tableview初始化的時候我們可以指定需要使用的 UITableViewStyle樣式，可用的樣式一共有兩種：.plain和 .grouped。下面分別對它們做介紹。

一、plain模式

1，默認樣式

在 plain模式下，如果 tableview有多個 section(分區、分組)，組與組之間默認是沒有間距的。

同時組頭或組尾會有 sticky效果(粘性效果、懸停效果),即表格滾動時組頭與組尾會自動停留，而不是跟隨單元格一同移動。

? ? ??

import UIKit

class ViewController: UIViewController , UITableViewDelegate, UITableViewDataSource{

var tableView:UITableView?

//分組頭標題

var articleHeaders:[String]!

//所有文章標題

var articleNames:Dictionary!

override func loadView() {

super.loadView()

}

override func viewDidLoad() {

super.viewDidLoad()

//初始化數據

self.articleNames = [

0:[String]([

"1、文本標簽(UILabel)的用法",

"2、按鈕(UIButton)的用法",

"3、文本輸入框(UITextField)的用法",

"4、多行文本輸入框(UITextView)的用法",

"5、開關按鈕(UISwitch)的用法",

"6、分段選擇控件(UISegmentedControl)的用法",

"7、圖像控件(UIImageView)的用法",

]),

1:[String]([

"1、使用占位符文本placeholder添加文本框提示",

"2、使用autofocus讓控件自動獲取焦點",

"3、表單客戶端驗證",

"4、日期和時間選擇輸入",

"5、顏色選擇器",])

]

self.articleHeaders = [

"Swift文章",

"HTML5文章"

]

//創建表視圖

self.tableView = UITableView(frame:self.view.frame, style:.plain)

self.tableView!.delegate = self

self.tableView!.dataSource = self

//創建一個重用的單元格

self.tableView!.register(UITableViewCell.self,

forCellReuseIdentifier: "SwiftCell")

self.view.addSubview(self.tableView!)

}

//在本例中，有2個分區

func numberOfSections(in tableView: UITableView) -> Int {

return self.articleHeaders.count

}

//返回表格行數(也就是返回控件數)

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

let data = self.articleNames[section]

return data!.count

}

// UITableViewDataSource協議中的方法，該方法的返回值決定指定分區的頭部

func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int)

-> String? {

return self.articleHeaders[section]

}

// UITableViewDataSource協議中的方法，該方法的返回值決定指定分區的尾部

func tableView(_ tableView:UITableView, titleForFooterInSection section:Int)->String? {

let data = self.articleNames[section]

return "有\(data!.count)篇文章"

}

//創建各單元顯示內容(創建參數indexPath指定的單元)

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)

-> UITableViewCell {

//為了提供表格顯示性能，已創建完成的單元需重復使用

let identify:String = "SwiftCell"

//同一形式的單元格重復使用，在聲明時已注冊

let cell = tableView.dequeueReusableCell(withIdentifier: identify,

for: indexPath)

cell.accessoryType = .disclosureIndicator

var data = self.articleNames[indexPath.section]

cell.textLabel?.text = data![indexPath.row]

return cell

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

}

}

2，調整分組間的間距

如果需要設置組與組之間的間距，可以通過 viewForHeaderInSection、viewForFooterInSection、heightForHeaderInSection或 heightForFooterInSection這幾個方法配合實現。

3，去除分組頭、分組尾的停留效果

這個通過重寫 tableView的?scrollViewDidScroll方法可以實現。要注意的是頁面是否有導航控制器，有的話要把自動內邊距調整給考慮進去。

(1)分組頭部不懸停

//header不懸停

func scrollViewDidScroll(_ scrollView: UIScrollView) {

//組頭高度

let sectionHeaderHeight:CGFloat = 30

//獲取是否有默認調整的內邊距

let defaultEdgeTop:CGFloat = navigationController?.navigationBar != nil

&& self.automaticallyAdjustsScrollViewInsets ? 64 : 0

if scrollView.contentOffset.y >= -defaultEdgeTop &&

scrollView.contentOffset.y <= sectionHeaderHeight - defaultEdgeTop {

scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0)

}

else if (scrollView.contentOffset.y>=sectionHeaderHeight - defaultEdgeTop) {

scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight + defaultEdgeTop,

0, 0, 0)

}

}

(2)分組尾部不懸停

//footer不懸停

func scrollViewDidScroll(_ scrollView: UIScrollView) {

//組尾高度

let sectionFooterHeight:CGFloat = 30

//獲取是否有默認調整的內邊距

let defaultEdgeTop:CGFloat = navigationController?.navigationBar != nil

&& self.automaticallyAdjustsScrollViewInsets ? 64 : 0

let b = scrollView.contentOffset.y + scrollView.frame.height

let h = scrollView.contentSize.height - sectionFooterHeight

if b <= h {

scrollView.contentInset = UIEdgeInsetsMake(defaultEdgeTop, 0, -30, 0)

}else if b > h && b < scrollView.contentSize.height {

scrollView.contentInset = UIEdgeInsetsMake(defaultEdgeTop, 0, b - h - 30, 0)

}

}

(3)分組頭部、尾部均不懸停

//header、footer均不懸停

func scrollViewDidScroll(_ scrollView: UIScrollView) {

//組頭高度

let sectionHeaderHeight:CGFloat = 30

//組尾高度

let sectionFooterHeight:CGFloat = 30

//獲取是否有默認調整的內邊距

let defaultEdgeTop:CGFloat = navigationController?.navigationBar != nil

&& self.automaticallyAdjustsScrollViewInsets ? 64 : 0

//上邊距相關

var edgeTop = defaultEdgeTop

if scrollView.contentOffset.y >= -defaultEdgeTop &&

scrollView.contentOffset.y <= sectionHeaderHeight - defaultEdgeTop {

edgeTop = -scrollView.contentOffset.y

}

else if (scrollView.contentOffset.y>=sectionHeaderHeight - defaultEdgeTop) {

edgeTop = -sectionHeaderHeight + defaultEdgeTop

}

//下邊距相關

var edgeBottom:CGFloat = 0

let b = scrollView.contentOffset.y + scrollView.frame.height

let h = scrollView.contentSize.height - sectionFooterHeight

if b <= h {

edgeBottom = -30

}else if b > h && b < scrollView.contentSize.height {

edgeBottom = b - h - 30

}

//設置內邊距

scrollView.contentInset = UIEdgeInsetsMake(edgeTop, 0, edgeBottom, 0)

}

二、grouped模式

1，默認樣式

在 grouped模式下，如果 tableview有多個 section(分區、分組)，組與組之間默認是有間距的。

而且在表格滾動的同時組頭與組尾會隨之滾動、不停留，不會有 sticky效果(粘性效果、懸停效果)。

下面分別是：分區頭尾均有、只有分區頭、分區頭尾都沒有。這三種情況：

? ? ??

? ? ??

2，去掉多余的間距

(1)在分組頭、分組尾都存在時，可以將 tableview最上方的間距給去除。

//去除表格上放多余的空隙

self.tableView?.contentInset = UIEdgeInsetsMake(-20, 0, 0, 0)

(2)如果只有分組頭，沒有分組尾，除了將 tableview最上方的間距給去除，還可以將分組尾的高度設置為 0.01(不能設為 0，否則無效)。同時還要將分組尾設置成一個空的 UIView(否則在 iOS11 下分組尾高度不會起作用)。

//去除表格上放多余的空隙

self.tableView?.contentInset = UIEdgeInsetsMake(-20, 0, 0, 0)

//設置分組尾的高度

func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {

return 0.01

}

//將分組尾設置為一個空的View

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

return UIView()

}

(3)如果分組頭、分組尾均沒有，還可以將分組頭的高度設置為 0.01。

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

return 0.01

}

總結

以上是生活随笔為你收集整理的uiswitch样式_Swift - 表格UITableView的plain、grouped两种样式详解（附分组头悬停）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。