【从零开始的Swift开发心路历程-Day21】简单介绍UIPickerView

今天我们要介绍UIPickerView,UIPickerView可以让你在列表中选择所需要的项目,後面有一个练习会用到UIPickerView,就让我们期待一下吧~现在先来简单介绍如何使用UIPickerView!
首先我们在storyboard里面新增UIPickerView以及等等用来显示UIPickerView值的UILabel

接着宣告一笔资料用於在UIPickerView上显示

let week = ["星期一","星期二","星期三","星期四","星期五","星期六","星期日"]

也要记得设定UIPickerView的delegate和dataSource

接着写一个extension

extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {
    // UIPickerView 有几列可以选择
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    // UIPickerView 各列有多少行资料
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return week.count
    }
    // UIPickerView 每个选项显示的资料
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return week[row]
    }
    // UIPickerView 改变选择後执行的动作
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        lbl.text = week[row]
    }

}

如此一来就完成了一个简单的UIPickerView罗
执行结果如下


<<:  Day18-Vue Router 路由设定(part1)

>>:  Day 18. slate × Immutable × Immer & slate

拿 ml5 来练习 Markdown 语法 (一)

介绍 首先介绍什麽是 ml5, ml5 是基於 TensorFlow.js 在浏览器中提供友善的机械...

关於 Mac「启动磁碟已满」问题的解决方案以及如何最佳化磁碟空间

Mac 启动磁碟满了怎麽办?当你耗尽了磁碟的储存空间後,你将无法存取资料档案。不少 Mac 用户都曾...

D3JsDay13 让资料拥有过渡动画,让各位观众看见神话—过渡动画

过渡动画 transition这个翻译成过渡的意思,一个吸引人的图表当中,加入了一点动画成分和过渡的...

29.5 如果我要装 javascript 套件勒?

就算 liveview 可以达到大部分想做的互动 但是还是有一些边边角角是满困难的 像是复制到剪贴簿...

Re: 新手让网页 act 起来: Day16 - 探索 useState (2)

昨天我们成功的完成一个超简略版的 myUseState ,今天就让我们再来把它写完整一点吧! let...