Swift隨手紀錄Day12-新首頁

紀錄的選項告一段落之後

接下來當然要讓使用者可以輸入(或從其他地方下載)被紀錄人員的相關資訊

因此應該需要一個讓使用者新增或修改球隊人員的頁面

甚至加上可以儲存成一支(或以上)隊伍的人員資料

為此就需要一個首頁

把首頁作為起點可以進行人員(球隊)的新增

跟接上之前所做好的紀錄畫面的地方

今天應該要讓畫面長這樣

一樣帶有navigationbar的UIViewController

畫面中下位置有個Start的按鈕接到之前做的紀錄畫面

首先先在Controller內新增一個HomeController.swift

內容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import UIKit

class HomeController: UIViewController {
    
    let startButton: UIButton = {
        let button = UIButton()
        button.translatesAutoresizingMaskIntoConstraints = false
        button.setTitle("Start", for: .normal)
        button.layer.borderColor = UIColor.red.cgColor
        button.layer.borderWidth = 2
        button.addTarget(self, action: #selector(toRecordController), for: .touchUpInside)
        return button
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.backgroundColor = .cyan
        view.addSubview(startButton)
        
        startButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -12).isActive = true
        startButton.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
        startButton.heightAnchor.constraint(equalToConstant: 48).isActive = true
        startButton.widthAnchor.constraint(equalToConstant: 96).isActive = true
    }
    
    func toRecordController() {
        let controller = RecordController(collectionViewLayout: UICollectionViewFlowLayout())
        present(UINavigationController(rootViewController: controller), animated: true, completion: nil)
    }
    
}

5到13行實作轉移畫面用的button，並在viewDidLoad裡面新增子畫面跟設定anchor來定位

最後的function則設定點擊後轉移的動作，我們先將畫面轉移到RecordController

接下來修改AppDelegate.swift內程式開啟時送出的window

1
2
3
4
5
6
7
8
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    
    window = UIWindow(frame: UIScreen.main.bounds)
    window?.makeKeyAndVisible()
    window?.rootViewController = UINavigationController(rootViewController: HomeController())
    
    return true
}

執行一下看看結果

等等，好像哪裡怪怪的…

navigationController的size好像怪怪的？？？

所以我說那個statusBar跑去哪了？？？

沒事～先喝杯珍奶壓壓驚（￣ c￣）y▂ξ

一直覺得除了看影片之外還是看得到statusBar比較好＠＠

畢竟一場球也得打個兩個多小時，邊紀錄還要一直出去看時間多麻煩啊

回到HomeController在viewDidLoad裡面加上這一行來執行一下

1
print("LandScape StatusBarHidden default value is \(prefersStatusBarHidden)")

結果長這樣

查了才知道原來蘋果把畫面橫躺之後的statusBarHidden預設為true

那只要把它改成false就好了對吧

歹誌爪隊摀戲憨人想Ａㄏㄧㄚˋ尼甘單？？？

prefersStatusBarHidden給他option+左鍵按下去跳出來這東西

在垂直被壓縮的情況下iOS8以上預設就是藏起來

而且還是{ get }，read-only的變數

不能直接用，只能把它整個覆寫掉了

在viewDidLoad之前覆寫掉再執行看看

1
2
3
override var prefersStatusBarHidden: Bool {
    return false
}

這樣看來就一切正常了

最後這裡有在RecordCell.swift跟RecordController.swift做一點修改

新增球員名稱的欄位以及調整一下UI的位置

新增以及修改內容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
let nameLabel: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.backgroundColor = .orange
    label.font = UIFont.boldSystemFont(ofSize: 12)
    label.textAlignment = .center
    label.adjustsFontSizeToFitWidth = true
    label.text = "Yohoho"
    return label
}()
	
 func setupView() {
    backgroundColor = .yellow
    addSubview(profileImage)
    addSubview(recordText)
    addSubview(sentButton)
    addSubview(undoButton)
    addSubview(orderLabel)
    addSubview(nameLabel)
    
    profileImage.topAnchor.constraint(equalTo: self.topAnchor).isActive = true
    profileImage.leftAnchor.constraint(equalTo: self.leftAnchor, constant: 12).isActive = true
    profileImage.heightAnchor.constraint(equalToConstant: 64).isActive = true
    profileImage.widthAnchor.constraint(equalToConstant: 64).isActive = true
    
    sentButton.centerYAnchor.constraint(equalTo: self.centerYAnchor, constant: -18).isActive = true
    sentButton.rightAnchor.constraint(equalTo: self.rightAnchor, constant: -12).isActive = true
    sentButton.widthAnchor.constraint(equalToConstant: 60).isActive = true
    sentButton.heightAnchor.constraint(equalToConstant: 32).isActive = true
    
    undoButton.centerYAnchor.constraint(equalTo: self.centerYAnchor, constant: 18).isActive = true
    undoButton.rightAnchor.constraint(equalTo: self.rightAnchor, constant: -12).isActive = true
    undoButton.widthAnchor.constraint(equalToConstant: 60).isActive = true
    undoButton.heightAnchor.constraint(equalToConstant: 32).isActive = true
    
    recordText.leftAnchor.constraint(equalTo: profileImage.rightAnchor, constant: 12).isActive = true
    recordText.rightAnchor.constraint(equalTo: sentButton.leftAnchor, constant: -12).isActive = true
    recordText.centerYAnchor.constraint(equalTo: self.centerYAnchor, constant: 12).isActive = true
    recordText.heightAnchor.constraint(equalToConstant: 32).isActive = true
    
    orderLabel.topAnchor.constraint(equalTo: profileImage.bottomAnchor).isActive = true
    orderLabel.bottomAnchor.constraint(equalTo: self.bottomAnchor).isActive = true
    orderLabel.leftAnchor.constraint(equalTo: profileImage.leftAnchor).isActive = true
    orderLabel.rightAnchor.constraint(equalTo: profileImage.rightAnchor).isActive = true
    
    nameLabel.topAnchor.constraint(equalTo: self.topAnchor).isActive = true
    nameLabel.leftAnchor.constraint(equalTo: recordText.leftAnchor).isActive = true
    nameLabel.bottomAnchor.constraint(equalTo: recordText.topAnchor).isActive = true
    nameLabel.widthAnchor.constraint(equalToConstant: 84).isActive = true
}

RecordCell.swift新增lable跟調整UI

1
2
3
4
5
6
7
8
9
10
11
12
13
14
override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath) as? RecordCell
    let player = players[indexPath.item]
    cell?.backgroundColor = .blue
    cell?.sentButton.tag = indexPath.item
    cell?.undoButton.tag = indexPath.item
    cell?.sentButton.addTarget(self, action: #selector(sentRecord(sender:)), for: .touchUpInside)
    cell?.undoButton.addTarget(self, action: #selector(uudoRecord(sender:)), for: .touchUpInside)
    cell?.profileImage.image = player.profileImage
    cell?.nameLabel.text = player.name
    cell?.orderLabel.text = player.order + " - " + player.position
    cell?.recordText.text = String(describing: player.recordArray)
    return cell!
}

RecordController則將資料在生成cell時放入label

晚點再來做新增球隊與製作紀錄

Support

Comments

2017-07-03
⬆︎TOP