Cách tạo máy tính bằng Xcode bằng Swift: 9 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:36

Trong hướng dẫn nhanh này, tôi sẽ chỉ cho bạn cách tạo một máy tính đơn giản bằng Swift trong Xcode. Ứng dụng này được xây dựng để trông gần giống với ứng dụng máy tính gốc dành cho iOS. Bạn có thể làm theo hướng dẫn từng bước và xây dựng máy tính với tôi hoặc bạn có thể chỉ cần đi đến bước cuối cùng và sao chép và dán mã vào bộ điều khiển chế độ xem của bạn. Tuy nhiên, nếu bạn làm điều này, hãy đảm bảo kết nối tất cả các yếu tố của bạn trên bảng phân cảnh với bộ điều khiển chế độ xem của bạn.

Bước 1: Tạo dự án

Bước đầu tiên trong việc tạo máy tính của chúng tôi là thực sự tạo dự án trong Xcode. Bạn có thể thực hiện việc này bằng cách nhấp vào "Tạo một dự án Xcode mới" và đặt tên cho nó bất kỳ thứ gì bạn muốn. Tôi đặt tên là "Máy tính". Bước tiếp theo là chọn "Ứng dụng Chế độ xem một lần" cho loại ứng dụng. Giữ tất cả các thông tin khác làm giá trị mặc định.

Bước 2: Bố cục bảng phân cảnh

Bước 2 của quá trình tạo máy tính của chúng tôi yêu cầu bạn thiết kế một bố cục cơ bản trong bảng phân cảnh. Trước khi bắt đầu, tôi khuyên bạn nên thay đổi thiết bị giả lập của mình thành iPhone 7 Plus. Bắt đầu bằng cách kéo một nút vào bảng phân cảnh và thay đổi kích thước của nó thành 89 x 89. Thay đổi màu nền của nó thành thủy ngân trên trình kiểm tra thuộc tính và màu chữ của nó thành vonfram. Tiếp theo, điều chỉnh phông chữ thành Helvetica Light 30. Tiếp tục sao chép và dán nút cho đến khi bạn có tổng số là 20. Điều chỉnh bố cục của các nút này để bạn có năm hàng và bốn cột.

Bước 3: Thiết kế bảng phân cảnh và thẩm mỹ

Xóa nút thứ hai ở hàng dưới cùng và mở rộng nút đầu tiên để tiếp quản không gian này. Thay đổi giá trị trình giữ chỗ của nút này thành 0. Tiếp tục thay đổi các giá trị số và ký hiệu của mỗi nút cho đến khi nó thực sự giống với hình trên. Trên trình kiểm tra thuộc tính, màu xám đậm hơn là bạc, màu cam là quýt, và màu chữ được thay đổi thành tuyết trên các nút màu cam. Tiếp theo, nhấp vào bộ điều khiển chế độ xem và thay đổi màu nền của nó thành màu đen. Thêm nhãn phía trên các nút và điều chỉnh kích thước của nhãn theo cách bạn cảm thấy thoải mái. Căn chỉnh văn bản ở bên phải và thay đổi phông chữ của nhãn thành Helvetica light 70. Nếu muốn, bạn có thể thêm các ràng buộc cho tất cả các phần tử để làm cho ứng dụng trông giống nhau cho tất cả các thiết bị.

Bước 4: Kết nối và tích hợp các phần tử

Mở trình kiểm tra thuộc tính và thay đổi thẻ cho mọi nút số. Thẻ phải nhiều hơn 1 giá trị số thực tế. Ví dụ: nút # 0 phải có giá trị thẻ là 1, nút # 1 phải có giá trị thẻ là 2, nút # 2 phải có giá trị thẻ là 3, v.v. Tiếp theo, nhấn điều khiển, nhấp vào nút # 0 và kéo nó vào bộ điều khiển chế độ xem. Một cửa sổ bật lên sẽ xuất hiện trên màn hình. Thay đổi kết nối thành 'hành động', loại thành 'UIButton', sự kiện thành 'Touch Up Inside,' các đối số thành 'Người gửi' và tên của nó thành 'số'. Bạn có thể thay đổi tên thành bất kỳ tên nào bạn muốn nhưng điều đó có nghĩa là bạn sẽ phải đổi lại tên khi gọi hàm sau này trong chương trình. Tiếp theo, điều khiển, nhấp và kéo từng nút số vào chức năng mà chúng ta vừa tạo. Bây giờ, điều khiển, nhấp và kéo nhãn vào chương trình, nhưng KHÔNG vào hàm. Điều này có nghĩa là bạn chỉ cần đưa nhãn vào hàm dưới dạng một biến riêng biệt. Hãy nhớ rằng, nếu bạn từng nhầm lẫn về mã, tôi đã để lại tất cả mã của tôi để bạn sử dụng ở bước cuối cùng của Tài liệu hướng dẫn này.

Bước 5: Thiết lập các biến

Để làm cho các nút số của chúng ta hoạt động, chúng ta sẽ phải kết nối giá trị của chúng với nhãn trong hàm 'số' của chúng ta. Bạn có thể thực hiện việc này trước tiên bằng cách tạo một biến 'numberOnScreen' và làm cho nó có kiểu kép và bằng 0: var numberOnScreen: Double = 0; Và đừng quên, nếu mã ở đây là một chút không rõ ràng, tôi đã để lại cho bạn toàn bộ mã ở bước cuối cùng để bạn sử dụng theo ý thích của mình. Tiếp theo, thiết lập một biến khác 'performanceMath' kiểu bool và biến nó thành false: var performanceMath = false; Ngoài ra, hãy tạo một biến khác có tên là 'beforeNumber' kiểu double và đặt nó bằng 0: var beforeNumber: Double = 0; Biến cuối cùng mà bạn phải tạo là biến 'hoạt động'. Đặt nó bằng 0: var operation = 0;

Bước 6: Chức năng các nút số

Sau khi bạn đã thiết lập các biến thích hợp, bạn có thể tiến hành sao chép và dán mã này vào hàm 'số' của mình:

nếu performanceMath == true {

label.text = String (sender.tag-1)

numberOnScreen = Double (label.text!)!

performanceMath = false

}

khác {

label.text = label.text! + Chuỗi (sender.tag-1)

numberOnScreen = Double (label.text!)!

}

Về cơ bản, đoạn mã này hiển thị các số nhất định trên nhãn khi nhấn nút thích hợp. Tuy nhiên, chúng ta vẫn cần có thể sử dụng tất cả các nút khác và làm cho máy tính hoạt động. Chúng tôi sẽ thực hiện việc này trong một vài bước tiếp theo.

Bước 7: Tích hợp các nút hoạt động

Mở trình kiểm tra thuộc tính và thay đổi thẻ cho tất cả các nút khác. Nút rõ ràng phải có thẻ là 11, nút chia phải có thẻ là 12, nút nhân phải có thẻ là 13, nút trừ phải có thẻ là 14, nút cộng phải có thẻ là 15, và nút bằng phải có thẻ là 16. Tiếp theo, nhấn control, nhấp vào nút xóa và kéo nó vào bộ điều khiển chế độ xem. Một cửa sổ bật lên sẽ xuất hiện trên màn hình. Thay đổi kết nối thành 'hành động', loại thành 'UIButton', sự kiện thành 'Touch Up Inside,' các đối số thành 'Người gửi' và tên của nó thành 'các nút'. Bạn có thể thay đổi tên thành bất kỳ tên nào bạn muốn nhưng điều đó có nghĩa là bạn sẽ phải đổi lại tên khi gọi hàm sau này trong chương trình. Tiếp theo, điều khiển, nhấp chuột và kéo từng nút linh tinh vào chức năng mà chúng ta vừa tạo.

Bước 8: Chức năng các nút khác

Sau khi bạn đã kết nối tất cả các nút linh tinh được gắn thẻ với chức năng thích hợp của chúng, bạn có thể bắt đầu chèn mã vào chức năng 'nút':

beforeNumber = Double (label.text!)!

if sender.tag == 12 {// Chia

label.text = "/";

}

if sender.tag == 13 {// Nhân

label.text = "x";

}

if sender.tag == 14 {// Trừ

label.text = "-";

}

if sender.tag == 15 {// Thêm

label.text = "+";

}

hoạt động = sender.tag

performanceMath = true;

}

khác nếu sender.tag == 16 {

nếu hoạt động == 12 {// Chia

label.text = String (beforeNumber / numberOnScreen)

}

else if hoạt động == 13 {// Nhân

label.text = String (beforeNumber * numberOnScreen)

}

else if hoạt động == 14 {// Trừ

label.text = String (trước đó - numberOnScreen)

}

else if hoạt động == 15 {// Thêm

label.text = String (beforeNumber + numberOnScreen)

}

}

khác nếu sender.tag == 11 {

label.text = ""

trướcNumber = 0;

numberOnScreen = 0;

hoạt động = 0;

}

Về cơ bản, đoạn mã này hiển thị một trong những nút linh tinh khi nó được nhấn và tiến hành tính toán câu trả lời cuối cùng và hiển thị nó trên nhãn.

Bước 9: Mã đầy đủ

Nếu bạn không muốn thực hiện và xây dựng máy tính từng bước với tôi, thì bạn có thể chỉ cần thêm các phần tử vào bảng phân cảnh của mình và sao chép và dán mã đầy đủ vào bộ điều khiển chế độ xem của bạn. Đây là mã:

nhập UIKit

class ViewController: UIViewController {

var numberOnScreen: Double = 0;

var trướcNumber: Double = 0;

var performanceMath = false;

hoạt động var = 0;

@IBAction số func (_ người gửi: UIButton) {

nếu performanceMath == true {

label.text = String (sender.tag-1)

numberOnScreen = Double (label.text!)!

performanceMath = false

}

khác {

label.text = label.text! + Chuỗi (sender.tag-1)

numberOnScreen = Double (label.text!)!

}

}

@IBOutlet yếu var label: UILabel!

Các nút func @IBAction (_ sender: UIButton) {

if label.text! = "" && sender.tag! = 11 && sender.tag! = 16 {

beforeNumber = Double (label.text!)!

if sender.tag == 12 {// Chia

label.text = "/";

}

if sender.tag == 13 {// Nhân

label.text = "x";

}

if sender.tag == 14 {// Trừ

label.text = "-";

}

if sender.tag == 15 {// Thêm

label.text = "+";

}

hoạt động = sender.tag

performanceMath = true;

}

khác nếu sender.tag == 16 {

nếu hoạt động == 12 {// Chia

label.text = String (beforeNumber / numberOnScreen)

}

else if hoạt động == 13 {// Nhân

label.text = String (beforeNumber * numberOnScreen)

}

else if hoạt động == 14 {// Trừ

label.text = String (trước đó - numberOnScreen)

}

else if hoạt động == 15 {// Thêm

label.text = String (beforeNumber + numberOnScreen)

}

}

khác nếu sender.tag == 11 {

label.text = ""

trướcNumber = 0;

numberOnScreen = 0;

hoạt động = 0;

}

}

ghi đè func viewDidLoad () {

super.viewDidLoad ()

// Thực hiện bất kỳ thiết lập bổ sung nào sau khi tải chế độ xem, thường là từ một nib.

}

ghi đè func didReceiveMemoryWarning () {

super.didReceiveMemoryWarning ()

// Loại bỏ bất kỳ tài nguyên nào có thể được tạo lại.

}

}