Hướng dẫn sử dụng Xcode để lập trình app (ứng dụng) iOS chúng ta cần sử dụng phần mềm XCode (hay IDE XCode). Hảy cùng tìm hiểu thêm nhiều thông tin qua bài viết dưới đây nhé.
Mục lục
Hướng dẫn sử dụng Xcode
Hướng dẫn sử dụng Xcode tạo tài khoản apple develop
Tải Xcode
Các bạn tải tại đây https://developer.apple.com/xcode/
Xcode là 1 IDE do apple phát triển ,giúp lập trình viên có thể thiết kế các giao diện và viết các câu lệnh code điều khiển, biên dịch và chạy trên Simulator hoặc trên các máy thật iphone.
Hiện nay, hệ điều hành Mac OS X Yosemite được cung cấp miễn phí, mình khuyên các bạn nên tải về và sử dụng, việc này hỗ trợ tốt hơn cho bạn tong quá trình lập trình.
>>>Xem thêm :Top 5 máy bơm màng phổ biến
Tạo project
Khi bạn mở Xcode lên sẽ hiện lên 1 cửa sổ giao diện như sau
Bên phải là các project chúng ta đã tạo và là trước đó.
Đầu tiên bạn mở Xcode lên và chọn “Create a new Xcode project“, sau đó lại có 1 cửa sổ hiện lên bạn chọn “Single View Application” để Xcode tạo cho bạn 1 dự án và màn hình đơn. “Single View Application” là dạng project trắng và chỉ có 01 “màn hình” duy nhất.
Và khi bạn click Next thì sẽ hiển thị 1 cửa sổ tiếp theo :
- Product Name: Tên ứng dụng.
- Organization Name: tên cơ quan, tổ chức hoặc tên lập trình viên.
- Organization Identifier: tên định danh của cơ quan, tổ chức hoặc của lập trình
viên. - Language: ngôn ngữ lập trình mà bạn sẽ sử dụng trong quá trình lập trình
Khi chúng ta tạo xong thì giao diện Xcode sẽ như đầy đủ như thế này
Xcode sẽ hiển thị thông tin dự án này trog khung Editor
Trong workspace, có thể bạn sẽ nhìn thấy biểu tượng lỗi với thông điệp là “Signing for FoodTracker requires a development team“. Đừng lo lắng nhé, bạn hãy cứ bỏ qua nó mà vẫn có thể lập trình một các bình thường. Cảnh báo này có nghĩa là bạn cần có một nhóm để phát triển ứng dụng.
Giao diện Xcode
Xcode gói rất nhiều tính năng vào một gói nhỏ, vì vậy không phải mọi thứ đều hiển thị cùng một lúc. Để trở thành người dùng Xcode thành thạo, bạn cần biết mọi thứ ở đâu – và làm thế nào để đến đó.
Bảng điều khiển bên trái là bảng điều hướng (Navigator) và có 8 tùy chọn hiển thị trên cùng. Cái bạn sẽ sử dụng nhiều nhất là cái đầu tiên – Project – liệt kê tất cả các tệp trong dự án của bạn và cho phép bạn nhấp vào bất kỳ tệp nào để chỉnh sửa nó.
Bảng điều khiển trung tâm là bảng Editor và sẽ hiển thị bất cứ thứ gì bạn đã chọn từ Project Navigator .
Bảng bên phải là bảng Tiện ích (Utilites) và nó sẽ thay đổi tùy thuộc vào những gì bạn đang xem trong bảng Editor
Thêm giao diện người dùng
Hướng dẫn sử dụng Xcode bạn thiết kế giao diện người dùng bằng Storyboard. Ứng dụng của bạn đã có một storyboard, vì vậy hãy truy cập Project Navigator và nhấp vào Main.storyboard để hiển thị nó trong bảng Editor.
Màn hình của bạn vừa thay đổi đáng kể! Trong bảng Editor, bây giờ bạn có thể thấy Document Outline và trình chỉnh sửa trực quan cho UI.
Hãy nhìn vào những thứ bạn có thể thấy trong trình soạn thảo trực quan. Có ba lĩnh vực chính, mỗi lĩnh vực cũng có một đại diện bằng văn bản trong Document Outline:
- Application Scene : Thanh menu và các mục.
- Window Controller Scene : Định cấu hình cách cửa sổ sẽ hoạt động.
- View Controller Scene : Nơi các thành phần UI của bạn sẽ đi.
>>>Xem thêm :Tham quan nhà máy và quy trình sản xuất cửa nhôm xingfa chính hãng tại Á Châu Door
Cấu hình giao diện người dùng
Quay trở lại Main.storyboard và nhấp vào nút để chọn nó. Trong bảng Tiện ích (Utilities) ở bên phải, đảm bảo Trình theo dõi thuộc tính (Attributes Inspector) đang hiển thị – nút thứ 4 trên đầu trang.
Thay đổi tiêu đề của nút thành ngay “Say Hello”. Nút có thể không đủ rộng để hiển thị tất cả văn bản, vì vậy hãy chuyển đến trình đơn Editor và chọn Size to Fit Content sẽ khắc phục điều đó. (Nếu Kích thước phù hợp với Nội dung bị tắt, nhấp vào đâu đó để bỏ chọn nút, sau đó chọn lại và thử lại.)
Bây giờ bấm vào trường văn bản để chọn nó. Đối với ứng dụng này, người dùng sẽ nhập tên của họ vào đây và khi họ nhấp vào nút, ứng dụng sẽ hiển thị “Hello tên-của-bạn!” trong nhãn. Để giúp người dùng, hãy thêm một số văn bản giữ chỗ vào trường văn bản bằng Attributes Inspector .
Kết nối UI với code
Hướng dẫn sử dụng Xcode ứng dụng của bạn vẫn chưa làm những gì bạn muốn, để nó hoạt động, bạn cần bắt đầu thêm code (mã) và mã đó phải có khả năng giao tiếp với UI. Để tạo các liên kết đó, bạn sẽ sử dụng Assistant Editor của Xcode. Với Main.storyboard hiển thị, bấm tùy chọn vào ViewControll.swift trong Project Navigator . Điều này sẽ tạo ra một bảng soạn thảo thứ hai có chứa mã ViewContoder.
Tùy thuộc vào kích thước màn hình của bạn, mọi thứ có thể trông hơi chật chội, vì vậy hãy sử dụng nút ngoài cùng bên phải trong Thanh công cụ để ẩn Tiện ích. Nếu bạn cần nhiều không gian hơn, hãy ẩn Bộ điều hướng.
Qua bài viết trên đã cho các bạn biết về hướng dẫn sử dụng Xcode và cách tạo dựng hiệu quả. Hy vọng những thông tin trên sẽ hữu ích đối với các bạn.
>>Xem thêm :Starsclean hướng dẫn cách giặt ghế sofa tại nhà
Lộc Đạt-tổng hợp
Tham khảo ( codefresher, codecute, … )
