Load Screen siêu nhanh bằng Screen ảo cho AppInventor

Một yếu ảnh hưởng lớn tới UX chính là tốc độ. Trong bài viết này, mình sẽ giới thiệu về cách giảm thời gian chuyển giữa các màn hình khác nhau trong ứng dụng để tăng UX.

🔑 Giá trị bài viết này nằm ở đâu?

Bạn sẽ không thấy hiệu quả rõ rệt trong phương pháp mình giới thiệu nếu ứng dụng của bạn đơn giản, ít tài nguyên hình ảnh trong các màn hình (Screen), nhưng nếu bạn chuyển đổi qua lại giữa các màn hình chứa nhiều hình ảnh thì sẽ thất rõ điều đó - có thể nói là siêu nhanh so với cách truyền thống.

🔑 Tóm tắt phương pháp cũ

Đầu tiên, mình giới thiệu lại “cách tạo multiscreen - nhiều màn hình” truyền thống cho để các bạn tiện so sánh, tránh hiểu nhầm ý. Để tạo multiscreen, bạn sẽ cần nhấn nút Add Screen để thêm màn hình và chuyển màn hình bằng một sự kiện mà người dùng tương tác với App như nhấn nút “Next” mà mình thêm vào mỗi màn hình chẳng hạn.

🔑 Hướng dẫn phương pháp mới & so sánh

Điểm thay đổi trong phương pháp này là mình không tạo “Screen” mới. Thay vào đó, mình sử dụng linh kiện Layout như một “Screen ảo”. Để làm vậy mình cần tạo nhiều Layout, mỗi Layout chứa nội dung của một Screen như trước và các Layout sẽ được điều khiển bằng lệnh để ẩn / hiện tương ứng.

Vì tất cả các nội dung thực chất đang nằm trên 1 Screen và chỉ được ẩn / hiện nên không tốn thời gian tải lại tài nguyên. Bạn có thể xem hướng dẫn trong video để nắm cách làm.

🔑 Ưu và nhược điểm của phương pháp này

Ưu điểm:

• Load trang siêu nhanh vì không phải tải lại tài nguyên
• Dữ liệu (biến) thuộc cùng 1 trang nên có thể dùng ngay mà không tốn thêm bước truyền dữ liệu.

Nhược điểm:

• Quá trình thiết kế phức tạp hơn.
• Tốn thêm phần lệnh điều khiển chuyển trang (tắt /bật Layout)

😍😍😍 Nếu bạn thấy bài viết này bổ ích thì nhớ like để mình biết chủ đề nào các bạn cần thì sẽ làm chi tiết hơn nhé. Bạn cũng có thể đề xuất nội dung trong phần comment dưới bài viết.

😍😍😍 Đừng quên Subscribe kênh Youtube, có video hướng dẫn mới thì mình sẽ up trên này.