Xem Trước Giao Diện

Nam Nguyễn

Xcode cung cấp cho chúng ta chức năng xem trước giao diện để kiểm tra giao diện thực khi ứng dụng chạy. Để xem trước giao diện bạn làm theo các bước sau:

  1. Trên thanh toolbar của Xcode, nhấp vào biểu tượng hai hình tròn chèn nên nhau để mở khung Assistant editor.

Assistant editor

  1. Để giao diện Xcode trông được gọn hơn bạn nhấp chọn vào nút Navigation toggleUtilities toggle để ẩn hai khung project navigatorutility area. Ngoài ra, bạn cũng có thể đóng khung outline view.

Navigation toggle và Utilities toggle

  1. Ở thanh editor selector bar bạn đổi từ chế độ Automatic to Preview > Main.storyboard (Preview)

Preview interface

Bạn sẽ thấy kết quả xem trước của giao diện giống với hình dưới đây:

Xem trước giao diện

Bạn có thể thấy với loại thiết bị là iPhone thì trường nhập văn bản có độ dài tràn ra phía ngoài màn hình. Điều này xảy ra là do khi bắt đầu phát triển ứng dụng chúng ta đã thiết lập loại thiết bị mà ứng dụng sẽ được phát triển trên đó bao gồm cả iPhone và iPad. Chính vì vậy khi chạy ứng dụng trên màn hình nhỏ như của iPhone thì xảy ra lỗi này. Chúng ta sẽ khắc phục lỗi này bằng cách sử dụng tính năng Auto Layout ở bài học tiếp theo.

Thêm Phản Hồi

Câu Hỏi Liên Quan

Hướng Dẫn Liên Quan

  • Objective-C Cơ Bản

    Objective-C là một trong các ngôn ngữ lập trình số 1 hiện nay được các lập trình viên sử để phát tri...
  • Hàm trong PHP

    Hướng dẫn cách sử dụng các hàm thông dụng trong PHP với source code ví dụ kèm theo.
  • Git Cơ Bản

    Hướng dẫn này sẽ giúp các bạn tìm hiểu về các chức năng cơ bản của Git, phần mềm hàng đầu trong quản...
  • Học HTML

    Với HTML bạn có thể tạo một website cho chính mình. Trong bài hướng dẫn này bạn sẽ được học về HT...
  • Lập Trình PHP và MySQL Cơ Bản

    Bài hướng dẫn này sẽ giúp các bạn tìm hiểu cách sử dụng PHP để: - Kết nối với database MySQL -...