Day 2 - TableView

先上效果图

效果图

1、搭建UI

新建工程后，在Main.Stroyboard中拖入一个TableView和一个Button，设置约束，颜色后如下：

UI效果图

2、拖线

先拖属性

属性

依次拖线

tableVIew，button

最后在为button添加Action、

button

OK 布局到这里就完成了

3、创建数据源、设置代理、实现代理方法，设置按钮样式

• 3.1 创建数据源

var data : Array? = ["Day 2 TableView", "每天学习多一点", "每天累积一点点", "暗号：天王盖地虎", "🤗 😡 💔See you next Project", "Learning Swift","纸巾艺术","参考网络学习资料"]
解释：创建了一个变量名为data，类型为数组的数据源

• 3.2 设置代理

tableView.dataSource = self
tableView.delegate = self

这个时候会报错，找不到delegate、dataSource
导入代理

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource 

这个时候还是会报错，因为没有实现代理

• 3.3 实现代理
  在tableView中必须实现的代理有两个：

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return data!.count
    }

第一个在某个section内有多少个Cell，如果不实现
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        这里返回有多少个section
    }
return data!.count 返回data的个数 

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        
        let cell = tableView.dequeueReusableCellWithIdentifier("FontCell", forIndexPath: indexPath)
        
        let text = data![indexPath.row]
        
        cell.backgroundColor? = UIColor.blackColor();
        cell.textLabel?.text = text
        cell.textLabel?.textColor = UIColor.whiteColor()
        
        return cell
        
    }
line 1:let cell... 这个是用复用池中获取cell 是用这个方法必须要提前注册，否则会报错
所以还需要在设置Viewdidload中写上：
tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "FontCell"); 
这里注意Identifier这个参数名中的字符串要保持一致
let text:这里从数组中获取数据
back..Color:设置背景颜色
t..Label.text ：设置文字
...textColor:文字颜色

3.4 设置按钮样式

changeBtn.layer.cornerRadius = 50
这里设置成为你按钮宽度的一半，宽高保持一致
比如宽高 100 100 那么久设置 50

<br />
此时你运行就能看到效果了，但是你点击按钮还不能改变字体
<br />

4、改变字体

我们并不知道有哪些字体，系统提供的字体很多，我们可以用过一个方法遍历出来

for family in UIFont.familyNames() {
            for font in UIFont.fontNamesForFamilyName(family){
                print(font)
            }
        }

这个for循环能把所有的字体名称遍历出来，我们只要从里面随便抽取几个名称组成一个数组，然后每次点击对tableView.cell设置不同的字体，并且刷新就能看到效果了

var fontNames = ["MFJinHei_Noncommercial-Regular", "PingFangSC-Thin", "KhmerSangamMN","Baskerville-SemiBold","Cochin-BoldItalic"]

在设置颜色后面添加

在申明两个变量

var fontRowIndex = 0
    
var add = 0

....textColor =  UIColor.whiteColor()
cell.textLabel?.font = UIFont(name:self.fontNames[fontRowIndex], size:20)

现在只需要在按钮的点击事件中处理就行了

@IBAction func change(sender: UIButton) {
        
        add += 1
        fontRowIndex = add % fontNames.count;
        tableView.reloadData();
    }
tableView.reloadData();刷新

到这里就完成啦，赶紧运行看一看吧！