Android Studio hiện có một trình chỉnh sửa thiết kế trực quan cho loại bố cục MotionLayout, giúp bạn dễ tạo và xem trước ảnh động.
Trình chỉnh sửa chuyển động cung cấp một giao diện đơn giản để thao tác với các phần tử trong thư viện MotionLayout có vai trò là nền tảng cho ảnh động trong ứng dụng Android. Nếu không có Android Studio, việc tạo và thay đổi các phần tử này sẽ yêu cầu bạn phải chỉnh sửa theo cách thủ công các điều kiện ràng buộc thuộc tệp tài nguyên XML. Tuy nhiên, Trình chỉnh sửa chuyển động có thể tạo XML này cùng khả năng hỗ trợ trạng thái bắt đầu và kết thúc, khung hình chính, hoạt động chuyển đổi và tiến trình.
Để bắt đầu sử dụng Trình chỉnh sửa chuyển động, hãy làm như sau:
- Tạo ConstraintLayout.
- Nhấp chuột phải vào bản xem trước trong Layout Editor (Trình chỉnh sửa bố cục).
- Nhấp vào Convert to MotionLayout (Chuyển đổi sang MotionLayout) như minh hoạ dưới đây.
Sau khi Android Studio chuyển đổi ConstraintLayout thành MotionLayout, hệ thống cũng sẽ thêm tệp Motion
Scene (tệp .xml có _scene được thêm vào tên tệp bố cục)
vào thư mục có chứa tệp XML.
Sau đó, MotionLayout sẽ trở thành bố cục gốc và xuất hiện trong giao diện người dùng
Trình chỉnh sửa chuyển động. Bố cục này đã có phần đầu ConstraintSet, phần kết
ConstraintSet và phần chuyển tiếp từ đầu đến cuối.
Bạn có thể sử dụng ảnh tổng quan để chọn một ConstraintSet hoặc
Transition, đồng thời chọn các thành phần trên bảng chọn.
Sau đó, bạn có thể chỉnh sửa các điều kiện ràng buộc và thuộc tính của phần đầu hoặc phần cuối ConstraintSet tương tự như cách bạn chỉnh sửa ConstraintLayout.
Nếu muốn tạo thêm nhiều phần tử cho biểu đồ, bạn có thể sử dụng các biểu tượng tạo để nhanh chóng thêm cử chỉ ConstraintSet, Transition hoặc OnClick/OnSwipe.
Để thêm khung hình chính, trước tiên, hãy nhấp vào mũi tên Transition (Chuyển đổi):
Sau đó, tại ngăn tiến trình Chuyển đổi, nhấp vào góc trên cùng bên phải và chọn KeyPosition:
Thao tác này sẽ mở ra một hộp thoại trong đó bạn có thể thiết lập thuộc tính cho khung hình chính.
Bạn cũng có thể thêm trình xử lý OnClick và OnSwipe vào ngăn Chuyển đổi trong
bảng thuộc tính.
Thao tác này sẽ mở ra một hộp thoại trong đó bạn có thể thiết lập thuộc tính của lượt nhấp, chẳng hạn như các thành phần mục tiêu và hướng kéo.
Trình chỉnh sửa chuyển động hỗ trợ xem trước ảnh động trên bề mặt thiết kế. Sau khi
chọn một ảnh động, hãy nhấp vào Play (Phát)
phía trên tiến trình để xem trước.
