Bài 23+24+25: UIPanGesture, UIRotationGesture, UIPinchGesture

UIPanGesture, UIRotationGesture, UIPinchGesture

Ở bài này mình sẽ giới thiệu với các bạn các Gesture còn lại trong iOS là: UIPanGesture, UIRotationGesture, UIPinchGesture. Vì các Gesture tương tự nhau nên mình sẽ gom chung vào một bài.

1. UIPanGesture

Là một Gesture hỗ trợ người dùng kéo thả một UIView bất kì trong màn hình.

Mình sẽ hướng dẫn các bạn làm một demo kéo thả một UIImageView.

Các bạn tạo project kéo một UIImageView vào Main.Storyboard, set image cho UIImageView sau đó kéo thả UIPanGesture từ Library vào UIImageView.

Khởi tạo UIPanGesture
Hình 1.1 Khởi tạo UIPanGesture

Ánh xạ Action cho UIPanGesture và thực hiện code để di chuyển UIImageView:

Đoạn code trên sẽ bắt được sự kiên khi người dùng nhấn giữ vào UIImageView sau đó di chuyển thì UIImageView cũng sẽ di chuyển theo.

Các bạn chạy project sẽ được kết quả như sau:

Kết quả UIPanGesture
Hình 1.2 Kết quả UIPanGesture

2. UIRotationGesture

UIRotationGesture giúp người dùng có thể xoay một UIView theo hướng bất kỳ.

Cũng tương tự như UIPanGesture các bạn tạo một project mới có một UIImageView thay và kéo UIRotationGesture cho UIImageView:

Khởi tạo UIRotationGesture
Hình 2.1 Khởi tạo UIRotationGesture

Tiếp theo ánh xạ Action cho UIRotationGesture và thực hiện code:

Các bạn chạy project UIImageView bây giờ có thể xoay bất cứ chiều nào bạn muốn. Đối với máy ảo các bạn nhấn giữ Alt để máy ảo hiện lên Multi Touch và nhấn giữ Shift để di chuyển:

Kết quả UIRotationGesture
Hình 2.2 Kết quả UIRotationGesture

3. UIPinchGesture

UIPichGesture giúp chúng ta có thể phóng to hay thu nhỏ một UIView.

Các bạn tạo project kéo thả vào Main.Storyboard một UIIView và thêm UIPinchGesture cho UIView này:

UIPinchGesture
Hình 3.1 UIPinchGesture

Ánh xạ UIPinchGesture và thực hiện code:

Chạy project bây giờ UIView đã có thể phóng to thu nhỏ:

Thu phóng UIView với UIPinchGesture
Hình 3.2 Thu phóng UIView với UIPinchGesture

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