自訂Table View 的Separator

工作用到的功能紀錄

--

Photo by Priscilla Du Preez on Unsplash

最近把自己趕鴨子上架上了工作崗位後進步不少,趕緊把上班有用到的東西記錄一下,但也不是鼓勵各位開發新手像我一樣還不是很熟練就跑去上班,多點準備總是好的,薪水也可以談得更高,不過有公司願意培養你的話先上班也不是什麼壞事。

Table View 的Separator

回到正題,相信大家都知道Table View是App開發的必備技能,雖然xcode貼心的提供了很多不用寫程式也可以辦到的格式,但有時候還是有那麼一點覺得不夠用,還是要寫程式才能達到自己想要的目的。

前幾天工作上需要用到Style為Basic的Table View,Cell數量不用太多,少少幾欄就好,但是只有幾欄的Cell卻有滿滿的分隔線,覺得不太美觀。

太多線了拉

xcode有內建移除分隔線的功能,但只能全部移除。

separator設定分隔線

我要的不是這樣啊!

沒有分隔線的cell

我想要的是有資料的部分要有分隔線,沒有資料的部分不要有分隔線,這時候就要來寫程式了!

override func viewDidLoad() {
super.viewDidLoad()
//沒有資料的cell欄位隱藏分隔線
tableView.tableFooterView = UIView(frame: CGRect.zero)


}

只要在ViwDidLoad加入一行程式碼就可以囉!

沒有資料的cell欄位隱藏分隔線

oh yeah ! perfect! 我要的效果出來了!

題外話,如果不是客製化的Table View記得要刪除下面這些程式碼,不然畫面會一片空白喲!

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

return 0
}
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

return 0
}

如果有值得大家參考的地方再麻煩大家幫我拍拍手喲,謝謝大家耐心閱讀🙇‍♀️

--

--

Julia Wang
彼得潘的 Swift iOS / Flutter App 開發教室

Learning Programming , Hiking , Travels , Tour , Exploring nature 『你必須要很努力,才能看起來毫不費力』