Bài 26: Frame

Frame

Để thiết lập vị trí của một UIView trên màn hình hoặc di chuyển View đến một vị trí khác chúng ta sẽ sử dụng Frame.

1. Giới thiệu về frame

Các bạn tạo một project mới, kéo thả vào Main.storyboard một UIImageView.

Các bạn chú ý phần Show the Size inspector ở menu này sẽ cho chúng ta biết size của UIImageView:

Frame của UIImageView
Hình 1.1 Frame của UIImageView

Frame của một View chính là vị trị và kích thược của View đó trên màn hình, chúng ta có thể thay đổi frame của View thông qua menu Show the Size inspector hoặc thông qua code.

2. Tạo một demo đơn giản

Để giúp các bạn hiểu rõ hơn về Fram sau đây chúng ta sẽ tiến hành tạo một demo đơn giản.

Quay trở lại với UIImageView ban đầu chúng sẽ thêm 4 UIButon để điều khiển frame của UIImageView:

Thiết kế demo Frame
Hình 2.1 Thiết kế demo Frame

Sau đó ta tiến hành ánh xạ Outlet cho UIImageView và Action cho UIButton.

Ánh xạ Outlet, Action
Hình 2.2 Ánh xạ Outlet, Action

Các bạn vào action của từng UIButon thực hiện code để thay đổi Frame của UIImageView:

Trong mỗi Action của UIButton frame của UIImageView sẽ thay đổi (vị trí, độ dài, độ rộng).

Chạy project nhấn vào một Button bất kì bạn sẽ thấy UIImageView di chuyển đó là Frame của UIImageView đã thay đổi:

Demo Frame
Hình 2.3 Demo Frame

Cảm ơn bạn đã theo dõi bài viết, nếu có thắc mắc gì vui lòng để lại bình luận bên dưới.

Bạn có thể tham khảo khoá học lập trình iOS tại laptrinh0kho.com. Các khoá học từ cơ bản đến nâng cao, được thực tập doanh nghiệp. Bạn sẽ được cung cấp kiến thức có hệ thống với đội ngũ giảng viên giàu kinh thực tế và am hiểu sư phạm. Hãy liên hệ ngay để được tư vấn miễn phí theo thông tin bên dưới:

LAPTRINH0KHO.COM

  • 138/36 Nguyễn Xí, P. 26, Q. Bình Thạnh, TP.HCM
  • Hotline: 0347.750.760 (Kết bạn Zalo để tư vấn)
  • Email: laptrinh0kho@gmail.com
  • Website: www.laptrinh0kho.com
  • FanPage : laptrinh0kho.com