SIWFT|SIWFT 学习之 TodoList
实现效果:
没有数据时,底部区域显示空图片,输入数据后,底部键盘弹起,输入数据,输入框后显示清空按钮,点击ADD,数据显示在底部区域,数据向左滑动,显示删除按钮,当全部删除后,底部重新显示空图片。
文章图片
文件分为三部分:
1、主体:搭UI,实现方法
2、中间表格部分:表格所需的属性和方法
3、其他数据:全局属性和方法
主体部分:
import UIKit
class ViewController: UIViewController,UITextFieldDelegate {
//初始化输入框和表格
letMyInput =UITextField()
letMyTableView =Mid_List()
lettodomanager =TodoManager()
letMyClick =UIButton()
letMyView =UIView()
overridefuncviewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
//实例化UI
MyInput.frame=CGRect(x:contx0, y:conty0, width:contwInput, height:conth)
MyClick.frame=CGRect(x:contwInput, y:conty0, width:contwClick, height:conth)
//MyView.frame = CGRect(x:contx0, y: topheight, width: contw, height: midheight)
self.view.addSubview(MyInput)
self.view.addSubview(MyClick)
//self.view.addSubview(MyView)
//input
MyInput.borderStyle= .roundedRect
MyInput.textAlignment = .left
MyInput.placeholder="在这里输入"
MyInput.clearButtonMode = UITextField.ViewMode.whileEditing
//MyInput.becomeFirstResponder()
MyInput.delegate=self
//button
MyClick.setTitle("ADD", for: .normal)
MyClick.backgroundColor = UIColor.red
MyClick.addTarget(self, action:#selector(AddElement), for:UIControl.Event.touchUpInside)
//table
MyTableView.view.frame=CGRect(x:contx0, y:topheight, width:contw, height:midheight)
self.view.addSubview(MyTableView.view)
}
functextFieldShouldReturn(_textField:UITextField) ->Bool{
//当点击键盘return时,收回键盘
textField.resignFirstResponder()
return true
}
//触发ADD
@objc func AddElement(sender:UIButton){
vartmptodos:String! =MyInput.text
MyInput.text=""
MyTableView.addtask(cont: tmptodos)
if(MyTableView.contstring.count == 1){
MyTableView.begininit()
}
}
overridefuncdidReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
2、表格部分:
import Foundation3、其他数据:
import UIKit
class Mid_List:UIViewController,UITableViewDelegate,UITableViewDataSource{
//定义todo内容保存数组
varcontstring = [String]()
let mytablev:UITableView = UITableView()
overridefuncviewDidLoad() {
super.viewDidLoad()
//tableview中视图在UIVIEW之上,定义CGRect的位置是相对于上层视图的,即当tableview的Y=10,self.view的Y=10,则屏幕上tableview的Y值应在20位置上
mytablev.frame=CGRect(x:0, y:0, width:contw, height:midheight)
begininit()
mytablev.delegate=self
mytablev.dataSource=self
}
//判断内容是否为空,为空显示图片,否则显示list
funcbegininit(){
if(contstring.count==0){
letnullimage =UIImageView(image:UIImage(named:"kongjian"))
self.view.addSubview(nullimage)
}
else{
self.view.addSubview(mytablev)
}
}
//定义保存动作
funcaddtask(cont:String){
contstring.append(cont)
print(contstring)
mytablev.reloadData()
}
functableView(_tableView:UITableView, numberOfRowsInSection section:Int) ->Int{
return contstring.count
}
functableView(_tableView:UITableView, cellForRowAt indexPath:IndexPath) ->UITableViewCell{
letcellid ="testCellID"
varcell = tableView.dequeueReusableCell(withIdentifier: cellid)
ifcell ==nil{
cell =UITableViewCell(style: .default, reuseIdentifier: cellid)
}
cell?.textLabel?.text=contstring[indexPath.row]
returncell!
}
functableView(_tableView:UITableView, heightForRowAt indexPath:IndexPath) ->CGFloat{
return44.0
}
functableView(_tableView:UITableView, didSelectRowAt indexPath:IndexPath) {
//print(indexPath.row)
}
//删除元素
functableView(_tableView:UITableView, commit editingStyle:UITableViewCell.EditingStyle, forRowAt indexPath:IndexPath) {
if(editingStyle ==UITableViewCell.EditingStyle.delete){
if(contstring.count==1){
self.view.exchangeSubview(at:0, withSubviewAt:1)
print("canyou")
}
contstring.remove(at: indexPath.row)
}
mytablev.reloadData()
}
}
importFoundation
import UIKit
letcontx0:CGFloat=0
let contw:CGFloat = UIScreen.main.bounds.width
let contwInput:CGFloat = (UIScreen.main.bounds.width)*0.8
let contwClick:CGFloat = (UIScreen.main.bounds.width)*0.2
letconty0:CGFloat=50
letconth:CGFloat=40
let contheight:CGFloat = UIScreen.main.bounds.height
lettopheight:CGFloat=contheight*0.2
letmidheight:CGFloat=contheight*0.8
classTodoManager:NSObject{
vartodos = [String]()
funcaddTask(todo:String){
【SIWFT|SIWFT 学习之 TodoList】todos.append(todo)
}
}
推荐阅读
- 慢慢的美丽
- 开学第一天(下)
- 奔向你的城市
- 学无止境,人生还很长
- 由浅入深理解AOP
- “成长”读书社群招募
- 继续努力,自主学习家庭Day135(20181015)
- python学习之|python学习之 实现QQ自动发送消息
- 每日一话(49)——一位清华教授在朋友圈给大学生的9条建议
- 小影写在2018九月开学季