Project ứng dụng bấm giờ

Thảo luận trong 'Phần mềm' bắt đầu bởi tranvanthe92cd, 18/9/19.

  1. tranvanthe92cd PageRank 1 Member

    Tham gia ngày:
    5/6/18
    Khi vào Github, mình bất ngờ thấy một project khá hay, đó là project app bấm giờ: Stopwatch

    [​IMG]
    Stopwatch ứng dụng navigation controller, UILabel, UIButton và UITableView và chủ yếu layout bằng cách kéo thả giao diện.

    Xem thêm: viết phần mềm


    Trong bài viết này, mình sẽ giúp bạn làm project

    Xem thêm: ngôn ngữ lập trình web


    B1: Chạy Xcode, khởi tạo 1 project mới, ở đây mình đặt tên cho nó là "Stopwatch"

    Sau đó tạo thêm 1 file swift có sẵn import Foundation đặt tên cho nó là Stopwatch.swift


    Xem thêm: lập trình website


    B2: bắt đâu tạo

    - Mở file Main.storyboard, đây là nơi để hiển thị giao diện

    + Đầu tiên hãy tạo ra 1 NavigationController kế thừa từ ViewController cho trước

    click vào hình tròn màu vàng ở trên ViewController -> Editor -> Embed in -> NavigationController

    + Tất cả những đối tượng chúng ta cần dùng đến là: UILabel, UIButton, UITableView

    - Bắt đầu thêm các đối tượng vào ViewController:

    + Thêm 2 UILabel đặt tên là: timerLabel vào lapTimerLabel

    + Thêm 2 UIButton: playPauseButton và lapRestButton

    + Thêm 1 UITableView: lapsTableView

    - Sau khi thêm đủ các đối tượng, tiến hành ánh xạ các đối tượng vào file ViewController rồi đặt tên cho chúng

    - Ở bên file Stopwatch.swift:

    import Foundation

    class Stopwatch: NSObject {

    var counter: Double

    var timer: Timer

    override init() {

    counter = 0.0

    timer = Timer()

    }

    }

    counter với timer, là 2 thuộc tính mình tạo ra cho đối tượng Stopwatch, Double và Timer là kiểu dữ liệu

    Double là kiểu dữ liệu số (giống như Int), nhưng Int là số nguyên không có phần thập phân, Double là có phần thập phân (kiểu như số thực) với phạm vi giá trị lớn.

    - Bên file ViewController:

    Bên trên hàm ViewDidLoad

    fileprivate let mainStopwatch: Stopwatch = Stopwatch()

    fileprivate let lapStopwatch: Stopwatch = Stopwatch()

    fileprivate var isPlay: Bool = false

    fileprivate var laps: [String] = []

    Ở đây chúng ta thấy kiểu khai báo là "fileprivate let", tức là đối tượng được khai báo sẽ được ẩn đi để các đối tượng khác bên ngoài thực thể mình khai báo không gọi được, còn bên trong thực thể đó sử dụng bình thường.

    - Bây giờ hãy vào trong hàm ViewDidLoad:

    let initCircleButton: (UIButton) -> Void = { button in

    button.layer.cornerRadius = 0.5 * button.bounds.size.width

    button.backgroundColor = UIColor.white

    }

    Những dòng code này giúp chúng ta làm bo góc các button và đặt màu nền là màu trắng

    override var shouldAutorotate : Bool {

    return false

    }

    đoạn code này là khai báo một biếm souldAutoroate trả về giá trị Bool, Bool là kiểu dữ liệu boolean, chỉ gồm 2 giá trị true/false (đúng/sai)
     
    #1

Chia sẻ trang này