Swift UI专项训练7 数据添加

简介:   上一话我们使用了自己定义的控制器之后发现tableview上的餐馆没有了,这一话我们来添加数据,新添加一个餐馆类,这个类我们不需要继承系统的类,直接添加一个swift文件就好import Foundationclass Restaurant { var name = "" var location = "" var score = 10}我简单建一个类,分别代表餐馆名字、餐馆位置和餐馆评分,它们都有默认值。

  上一话我们使用了自己定义的控制器之后发现tableview上的餐馆没有了,这一话我们来添加数据,新添加一个餐馆类,这个类我们不需要继承系统的类,直接添加一个swift文件就好


import Foundation

class Restaurant {
    var name = ""
    var location = ""
    var score = 10

}

我简单建一个类,分别代表餐馆名字、餐馆位置和餐馆评分,它们都有默认值。

然后我们回到餐馆排行的控制器中新建一个餐馆的数组。

var restaurantList = [Restaurant]()

之后添加一个方法来初始化数据。

func loadInitData(){
        let rest1 = Restaurant()
        rest1.name = "蜀渝蜀二"
        restaurantList.append(rest1)
        
        let rest2 = Restaurant()
        rest2.name = "芳芳餐厅"
        restaurantList.append(rest2)
        
        let rest3 = Restaurant()
        rest3.name = "阿慧餐厅"
        restaurantList.append(rest3)
        
        let rest4 = Restaurant()
        rest4.name = "酱府老碗面"
        restaurantList.append(rest4)
        
        let rest5 = Restaurant()
        rest5.name = "要德平价川菜"
        restaurantList.append(rest5)
        
        let rest6 = Restaurant()
        rest6.name = "大碗饭"
        restaurantList.append(rest6)
    }

之后在viewDidLoad中调用一下就好了。但是现在我们运行会发现表格中依然空空如也,这是为什么呢?原来是我们并没有使用委托,我们需要把更新的表格内容委托给控制器。由于我们是子代理,所以需要重载控制器的很多方法,这些方法在我们的控制器代码中已经写好了我们只需要按住自己的需求去做修改,比如下面这个方法:

   override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        // #warning Potentially incomplete method implementation.
        // Return the number of sections.
        return 1
    }
这个方法规定了表格的区块,有的表格比较复杂可能不止一个区域,我们返回1代表只有一个区块。

  override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete method implementation.
        // Return the number of rows in the section.
        return restaurantList.count
    }

上面的方法用来规定表格的行数,我们返回的是数组的元素个数,有很多设置方法名都是tableView,但是参数不同,大家选择自己需要的。通常单元格的每一行的格式都是相同的,所以我们需要设一个默认格式来重用,打开storyboard,选择某一table view cell然后设定Identifier,命名为PCell。底下的Selection是选中样式,有以下几种:

这个是选中后会有什么颜色,我们选择None。回到代码中:

    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("PCell", forIndexPath: indexPath) as UITableViewCell

        // Configure the cell...

        return cell
    }

这个方法的作用是重用我们刚才设置的默认格式。现在我们对cell格式和内容的操作都在上面这个方法中进行就好了。增加一行:
cell.textLabel?.text = restaurantList[indexPath.row].name//行数
运行效果:



目录
相关文章
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
2月前
|
JavaScript
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题
100 1
|
18天前
|
前端开发
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
Element UI 【实战】纯前端对表格数据进行增删改查(内含弹窗表单、数据校验、时间日期格式)
42 6
|
16天前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
19 3
|
16天前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
16 1
|
16天前
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
8 0
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
|
16天前
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
25 0
|
18天前
Element UI 表格数据格式化
Element UI 表格数据格式化
12 0
|
1月前
|
关系型数据库 MySQL API
实时计算 Flink版操作报错合集之同步MySQL数据到另一个MySQL数据库,第一次同步后源表数据发生变化时目标表没有相应更新,且Web UI中看不到运行的任务,该怎么解决
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
155 0
|
2月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作