[Day 14] 表格图页面建立

 这篇主要是根据网路上的 Code 建立的(其实是看书学的),主要是用来了解

UITableViewController 以及 UITableViewDiffableDataSource 的使用方

式,内容大概已纪录为主 ,在 打开专案之後随机的根据页面建立专案, 成果

大概如下图所示:

https://ithelp.ithome.com.tw/upload/images/20210929/20092056gj2uOwv6bm.png

就透过控件在在 storyboard 拉入 TableView之後 在 viewdidload 前设定并宣告好素材以及

要放入的名字,类似下面这样, 001,002这边主要是image Set 的图片名称

var slogon =[001 ,002 ,003 ,004]
var randomChinese =[你好", "我好", "大家好", "养小狗", "养小鸡", "喝气a"]
var randomWords =["I am a boy", "I am a girl", " I have a pensil", "I have a pine", "I have a apple"]

然後再使用 lazy 宣告要setting的 function,因为这时 controller 中的某些参数还没

初始化,所以使用lazy这个修饰字,能在系统初始化之後再载入相关的函数

lazy var dataSorce = SettingDataSorce()

下面指向的是她回传得型别

func SettingDataSorce() -> UITableViewDiffableDataSource<Section, String> {
       
       let cellName = "Pikcell"
       
       let dataSorce = UITableViewDiffableDataSource<Section, String>(
           tableView: tableView,
           cellProvider: {  tableView, indexPath, restaurantName in
               let cell = tableView.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath) as! slogonTableViewCell
               
               cell.rChinese.text = randomChinese
               cell.rWords.text = self.randomWords[indexPath.row]
               cell.thumbnailImageView.image = UIImage(named: self.slogon[indexPath.row])
               
               return cell
           }
       )
       
       return dataSorce
   }

这边其实是书上以的部份内容,我只是大概修改了一下,结构基本没变,这边主要是

透过设定把上图中tabView 内每一格 Content 中 StackView的内容(这边只是资料

来源的设定)进行设定跟绑定。

然後在 viewdidLoad 之後(页面设定载入之後),再把资料来源设定中的资料依序

倒入 tabView 之中 content 里面的 cell。


<<:  在全域宣告的let

>>:  Day 24:让iOS也吃到SQL Delight

Day 13 : 案例分享(4.2) 签核与费用模组 - 签核模组 Base Tier Validation

案例说明及适用场景 即然都以全WEB了,当然一定会有签核的需求 Base Tier Validati...

Day32 | 在WebView里使用Router的问题与解法!

大家好,今天是第三十二天,也是赛程结束後的第二天。 昨天介绍了我们会在Webview里使用的套件,今...

GCP GAE

什麽事GAE 什麽事GAE (Goolge App Engine) 它是用来快速的建立服务的服务项目...

Day 18 - MSSQL 基本 & 工具介绍

在提到MSSQL前,我们要先有对资料库的一些基本概念。 何谓资料库? 资料库就是储存资料的地方。但比...

Material UI in React [Day4] Theme (自订主题 Palette & Typography)

继昨天 ThemeProvider 的部分今天来讲解一下 Material UI 的 Theme,大...