第八天的作業(yè)練習(xí)
作業(yè)一(創(chuàng)建三個(gè)滑竿來改變視圖的背景色)
import UIKit
class ViewController: UIViewController {
//定義為全局變量
var sliderRed:UISlider! = nil
var sliderGreen:UISlider! = nil
var sliderBlue:UISlider! = nil
override func viewDidLoad() {
super.viewDidLoad()
sliderRed = UISlider(frame: CGRect(x: 50, y: 100, width: 200, height: 30))
sliderRed.maximumValue = 255
sliderRed.minimumValue = 0
sliderRed.thumbTintColor = #colorLiteral(red: 0.9254902005, green: 0.2352941185, blue: 0.1019607857, alpha: 1)
self.view.addSubview(sliderRed)
sliderRed.addTarget(self, action: #selector(sliderAction), for: .valueChanged)
sliderGreen = UISlider(frame: CGRect(x: 50, y: 150, width: 200, height: 30))
sliderGreen.addTarget(self, action: #selector(sliderAction), for: .valueChanged)
sliderGreen.maximumValue = 255
sliderGreen.minimumValue = 0
sliderGreen.thumbTintColor = #colorLiteral(red: 0.3411764801, green: 0.6235294342, blue: 0.1686274558, alpha: 1)
self.view.addSubview(sliderGreen)
sliderBlue = UISlider(frame: CGRect(x: 50, y: 200, width: 200, height: 30))
sliderBlue.addTarget(self, action: #selector(sliderAction), for: .valueChanged)
sliderBlue.thumbTintColor = #colorLiteral(red: 0.2392156869, green: 0.6745098233, blue: 0.9686274529, alpha: 1)
sliderBlue.maximumValue = 255
sliderBlue.minimumValue = 0
self.view.addSubview(sliderBlue)
}
func sliderAction(slider:UISlider){
let color = UIColor(colorLiteralRed: sliderRed.value/255, green: sliderGreen.value/255, blue: sliderBlue.value/255, alpha: 1.0)
self.view.backgroundColor = color
}
}
**運(yùn)行結(jié)果如下圖所示,滑動(dòng)滑竿可以改變view的背景色
作業(yè)二(創(chuàng)建一個(gè)Book類, Book中有書名和書的內(nèi)容兩個(gè)屬性, 實(shí)現(xiàn)手勢切換)
import UIKit
class Book: NSObject {
var titleName:String?
var content:String?
init(titleName:String,content:String) {
self.titleName = titleName
self.content = content
}
}
class ViewController: UIViewController {
var bookArr = [Book]()//書的數(shù)組
var titleLabel:UILabel! = nil
var contentLabel:UILabel! = nil
var index:Int = 0 //顯示第0本書
override func viewDidLoad() {
super.viewDidLoad()
for index in 0...5{
let book = Book(titleName: "第\(index)篇文章", content: "第\(index)篇文章的內(nèi)容")
self.bookArr.append(book)
}
//初始化手勢
let swip = UISwipeGestureRecognizer()
swip.direction = .left
self.view.addGestureRecognizer(swip)
swip.addTarget(self, action: #selector(swipAction(swip:)))
let swip1 = UISwipeGestureRecognizer()
swip1.direction = .right
self.view.addGestureRecognizer(swip1)
swip1.addTarget(self, action: #selector(swipAction(swip:)))
//添加兩個(gè)label
self.titleLabel = UILabel(frame: CGRect(x: 100, y: 100, width: 100, height: 40))
self.view.addSubview(titleLabel)
self.contentLabel = UILabel(frame: CGRect(x: 100, y: 200, width: 300, height: 40))
self.view.addSubview(contentLabel)
//加載內(nèi)容
//先獲取第0本書
let currentBook = bookArr[index]
self.titleLabel.text = currentBook.titleName
self.contentLabel.text = currentBook.content
}
func swipAction(swip:UISwipeGestureRecognizer){
//判斷方向
if swip.direction == .right {
index-=1
if index < 0 {
index = bookArr.count - 1
}
} else if swip.direction == .left {
index+=1
if index >= bookArr.count {
index = 0
}
}
let currentBook = bookArr[index]
self.titleLabel.text = currentBook.titleName
self.contentLabel.text = currentBook.content
}
}
**運(yùn)行結(jié)果如下圖所示
作業(yè)三(注冊(cè)界面)
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
var label = UILabel(frame: CGRect(x: 100, y: 50, width: 100, height: 40))
label.text = "注冊(cè)"
label.textColor = #colorLiteral(red: 0.2392156869, green: 0.6745098233, blue: 0.9686274529, alpha: 1)
label.textAlignment = .center
self.view.addSubview(label)
var usename = UITextField(frame: CGRect(x: 50, y: 100, width: 200, height: 50))
usename.textColor = #colorLiteral(red: 0, green: 0, blue: 0, alpha: 1)
usename.backgroundColor = #colorLiteral(red: 0.501960814, green: 0.501960814, blue: 0.501960814, alpha: 1)
usename.leftView = UIImageView(image: UIImage(named: "xr.png"))
usename.leftViewMode = .always
self.view.addSubview(usename)
usename.placeholder = "請(qǐng)輸入用戶名"
//編輯時(shí)出現(xiàn)(?)
usename.clearButtonMode = .whileEditing
usename.borderStyle = .roundedRect
var password = UITextField(frame: CGRect(x: 50, y: 180, width: 200, height: 50))
password.textColor = #colorLiteral(red: 0, green: 0, blue: 0, alpha: 1)
password.backgroundColor = #colorLiteral(red: 0.501960814, green: 0.501960814, blue: 0.501960814, alpha: 1)
password.leftView = UIImageView(image: UIImage(named: "yaoshi.jpg"))
password.leftViewMode = .always
self.view.addSubview(password)
password.placeholder = "請(qǐng)輸入密碼"
password.borderStyle = .roundedRect
password.clearButtonMode = .whileEditing
var btn = UIButton(type: .system)
btn.addTarget(self, action: #selector(btnAction(btn:)), for: .valueChanged)
btn.setTitle("注冊(cè)", for: .normal)
btn.frame = CGRect(x: 200, y: 240, width: 50, height: 50)
self.view.addSubview(btn)
var enter = UIButton(type: .system)
enter.addTarget(self, action: #selector(enterAction(enter:)), for: .valueChanged)
enter.frame = CGRect(x: 60, y: 240, width: 50, height: 50)
enter.setTitle("登錄", for: .normal)
self.view.addSubview(enter)
}
func btnAction(btn:UIButton){
print("注冊(cè)成功")
}
func enterAction(enter:UIButton){
print("登錄成功")
}
}
**運(yùn)行結(jié)果如下圖所示