AUTOLAYOUT TRONG IOS

AUTOLAYOUT TRONG IOS Trong hướng dẫn giới thiệu cho bạn autoLayout Di động phát triển theo xu hướng tiện ích người dùng, điện thoại không phục vụ lướt web, nghe nhạc… Mà tích hợp nhiều dịch vụ giải trí, chơi game, xem film,thế giới số… để theo thoả mãn nhu cầu người dùng, hãng điện thoại Apple tuỳ biến tăng kích thước hình di động, nâng cấp cấu hình Hiện hãng cung cấp bốn loại kích thước iphone tuỳ nhu cầu người dùng, iPhone(4,4s) 3.5 inch,iphone (5, 5s ,5se,5c) inch, iphone (6,6s) 4.7 inch, iphone (6s plus) 5.5 inch, 9.7 inch với ipad, 7.9 với ipad mini Để thiết kế hình, mà sử dụng tương đối cho tất hình, Apple đưa khái niệm AutoLayout Trước xcode giao diện iphone tuỳ chỉnh code, nhiên từ xcode tới nay, iphone sử dụng AutoLayout để tuỳ chỉnh giao diện Tôi tin developer sử dụng AutoLayout không yêu thương AutoLayout, nắm kỹ nó, lại lợi tuyệt vời mà Apple dành cho developer IOS Thực tuyệt vời cần nắm luật thay đổi bạn sử dụng cách chuẩn xác nhẹ nhàng – Khởi tạo project đặt tên: – Luật Autolayout: View1.width=View2.width*A+B or View2.width=View1.width/A-B/A Độ rộng View1 phụ thuộc tương đối vào View2, View phụ thuộc tương đối vào nhau! Khi ta chỉnh View ảnh hưởng đến View phụ thuộc Luật vào – Bật tắt AutoLayout: Click vào Main.StoryBoard chọn vào biểu tượng giống trang giấy, tick vào User Auto Layout Như cho phép sử dụng AutoLayout cho hình thiết kế main.StoryBoard – Giới thiệu thuộc tính(Constraints) AutoLayout: thuộc tính chỉnh View: nghĩa sử dụng kích thước View bị thay đổi, khoảng cách bên View (fix cứng) không bị thay đổi: left or leading bên trái, Right or Trailing bên phải, Top phía trên, Bottom phía thuộc tính fix cứng kích thước View là: width height View – Các lỗi báo hiệu cần lưu ý: Đối với lỗi màu đỏ hình vẽ thiếu luật or sai luật AutoLayout Đối với màu vàng cảnh báo chưa Update Constraints, or Update Frame ta kéo thả sai với kích thước luật AutoLayout – Giới thiệu cách tạo Constraints Vào file main.StoryBoard: đổi màu background, kéo vào UIView: kéo vào trông sau: Để tạo constraints: Cách 1:click vào View cần chỉnh, chọn vào biểu tượng hình Ở có thông số width, height, constraints đường gạch màu da cam leading, trailing, top, bottom.! Cách 2: Click vào View cần chỉnh, đồng thời giữ Ctrl, kéo thả vào đối tượng phụ thuộc vào luật AutoLayout Ở kéo vào hình ViewController chính: giữ Ctrl kéo vào View Xuất bảng sau: thuộc tính đầu giới thiệu, center Horizontally in View chiều ngang,center Vertically in View theo chiều dọc Equal Widths so với chiều rộng ViewController, Equal height so với chiều dài ViewController – Các quy tắc luật AutoLayout đúng: + Chúng ta phải chỉnh đủ tiêu chuẩn: kích thước”width”,”height”, toạ độ “x”, “y” + Kinh nghiệm chỉnh AutoLayout sau:  Đối với không fix cứng size View thì, cần tralling, leading, top,bottom  Đối với fix cứng Width Height, cần thêm trailing, top  Đối với fix cứng height View, thêm leading, trailing, top or bottom  Đối với fix cứng width View, thêm leading or trailing, top ,bottom  Đối với sử dụng center Horizontally in View center Vertically in View chiều ngang chiều dọc, “cần fix width height” or cặp sau (“leading, top”,“trailing, bottom”, “leading,bottom”, “trailing,top”)  Đối với sử dụng center Horizontally in View, “cần fix width height, thêm top or bottom” or“top or bottom leading, trailing “  Đối với sử dụng center Vertically in View, cần ” fix width height, vào thêm leading or trailing” or”(leading or trailing top, bottom)”  Để kiểm tra constraints click vào View chọn vào biểu tượng thước hình vẽ, tất constraints view  => Để hiểu rõ vấn đề sau bạn nên thử trường hợp cụ thể! để lại suy nghĩ nghĩ bạn để viết thêm cụ thể ! thanks all!