Chuyển đổi màn hình
Bạn có thể tạo hiệu ứng chuyển đổi giữa các màn hình — cách một màn hình biến mất và màn hình mới xuất hiện. Các hiệu ứng có sẵn phụ thuộc vào từng hành động điều hướng cụ thể:
- Navigate to Screen: Mở cài đặt hành động và chọn từ danh sách đầy đủ các kiểu hoạt ảnh. Các bước khác nhau có thể dùng các hiệu ứng chuyển cảnh khác nhau.
- Navigate Next: Chỉ có hoạt ảnh đẩy mặc định.
- Navigate back: Phát lại hiệu ứng chuyển cảnh đã dùng khi đến màn hình hiện tại, nhưng theo chiều ngược lại và không có độ trễ. Nếu không có hoạt ảnh khi đến, thì cũng sẽ không có hoạt ảnh khi quay lại.
- Close Flow: Không có hoạt ảnh riêng. Ứng dụng của bạn chịu trách nhiệm xử lý hiệu ứng chuyển tiếp giữa flow và giao diện native của bạn.
Các loại hoạt ảnh
Dropdown Animation của hành động Navigate to Screen có năm tùy chọn:
- Push: Màn hình mới trượt vào từ một cạnh và đẩy màn hình hiện tại ra phía đối diện.
- Slide in: Màn hình mới trượt vào và mờ dần xuất hiện đè lên màn hình hiện tại, trong khi màn hình hiện tại dịch chuyển một đoạn ngắn theo cùng hướng.
- Slide out: Màn hình hiện tại trượt ra và mờ dần biến mất, để lộ màn hình mới bên dưới.
- Fade through: Màn hình mới mờ dần xuất hiện đè lên màn hình hiện tại.
- None: Màn hình mới thay thế màn hình hiện tại ngay lập tức.
Tùy chỉnh chuyển cảnh
Bạn chỉ có thể thay đổi hiệu ứng hoạt hình trong hành động Navigate to Screen.
- Chọn phần tử kích hoạt hành động điều hướng.
- Trong bảng Interactions, nhấp vào hành động điều hướng.
- Nếu hành động là Navigate Next, chọn Navigate to Screen từ dropdown Action. Sau đó chọn màn hình tiếp theo làm Destination.
- Chọn hiệu ứng chuyển cảnh từ dropdown Animation.
- Nếu hiệu ứng có các tùy chọn Direction, Easing hoặc Duration, hãy điều chỉnh chúng.
- Để giữ màn hình hiện tại hiển thị trước khi hiệu ứng bắt đầu, nhập giá trị vào trường Delay. Ví dụ: dùng delay để giữ màn hình loading trong vài giây. Các hành động được liệt kê sau điều hướng sẽ không chờ delay.
- Để xem hiệu ứng chuyển cảnh trên màn hình của bạn, kiểm tra flow trên thiết bị.