ÿÿ Hình ảnh, video và biểu tượng | Flow Builder | Tài liệu Adapty
English 中文TürkçeРуÑÑкийEspañol日本語Tiếng Việt

Hình ảnh, video và biểu tượng

A flow screen with an image element on it

Flow Builder bao gồm ba loại phần tử media thuộc danh mục Media: Image, Video và Icon.

Äể hình ảnh hoặc video bao phủ toàn bá»™ màn hình — kể cả các vùng phía sau notch và thanh Ä‘iá»u hÆ°á»›ng — hãy đặt vị trí cố định vá»›i tất cả các offset bằng 0 và chá»n Ignore safe area. Xem Bố cục và vị trí.

Hình ảnh

Tải lên tệp .JPG, .PNG hoặc .GIF tối đa 20 MB.

  • Aspect — kiểm soát cách hình ảnh vừa vá»›i container của nó:
    • Fit — thu phóng hình ảnh để vừa khít bên trong container mà không cắt xén.
    • Fill — kéo giãn hình ảnh để lấp đầy container.
    • Cover — thu phóng hình ảnh để che phủ container, cắt xén nếu cần. Mặc định.
  • Use custom media ID — xem Custom media ID bên dÆ°á»›i.

Video

Tải lên tệp .MP4 hoặc .WEBM tối Ä‘a 50 MB và không dài hÆ¡n 30 giây. Äá»™ phân giải video tối thiểu là 640x640 pixel.

  • Aspect — Fit, Fill hoặc Cover. Mặc định là Fill.
  • Loop — phát lại video liên tục. Bật theo mặc định.
  • Use custom media ID — xem Custom media ID bên dÆ°á»›i.

Video không phát trong bản xem trước trên editor — canvas chỉ hiển thị một khung hình tĩnh. Trên thiết bị khi chạy thực tế, video phát ở chế độ tắt tiếng theo mặc định. Khi bật Loop, video lặp lại vô hạn.

Kích hoạt hành động khi video kết thúc

Bài viết chính: Hành động

Phần tá»­ Video há»— trợ trigger On playback finished kích hoạt khi video phát đến cuối. Thiết lập nó trong bảng Interactions để Ä‘iá»u hÆ°á»›ng đến màn hình khác, hiển thị CTA, hoặc thá»±c hiện bất kỳ hành Ä‘á»™ng nào khác.

Biểu tượng

Icon picker with the Tabler Icons library

Chá»n từ thÆ° viện Tabler Icons được tích hợp sẵn, vá»›i hàng nghìn biểu tượng theo hai phong cách hiển thị:

  • Stroke — chỉ viá»n ngoài.
  • Filled — tô đặc.

Tìm kiếm trong bá»™ chá»n bằng từ khóa để tìm biểu tượng. Äặt màu cho biểu tượng trong bá»™ chá»n Color — chá»n kiểu màu đã lÆ°u hoặc đặt màu tùy chỉnh.

ID phương tiện tùy chỉnh

Bạn cÅ©ng có thể đặt ID phÆ°Æ¡ng tiện tùy chỉnh cho ná»n hình ảnh và video.

Gắn thẻ má»™t phần tá»­ hình ảnh hoặc video vá»›i ID phÆ°Æ¡ng tiện tùy chỉnh để thay thế nó lúc chạy từ code ứng dụng của bạn. Dùng tính năng này cho hình ảnh được cá nhân hóa — ví dụ: hiển thị avatar mà ngÆ°á»i dùng đã chá»n.

Phương tiện bạn tải lên trong Flow Builder sẽ đóng vai trò dự phòng. Nếu code của bạn không cung cấp phương tiện cho ID đó lúc chạy, thì nội dung dự phòng sẽ được hiển thị thay thế.

Äể bật ID phÆ°Æ¡ng tiện tùy chỉnh cho phần tá»­ Hình ảnh hoặc Video:

  1. Chá»n há»™p kiểm Use custom media ID bên dÆ°á»›i khu vá»±c tải lên.
  2. Nhập media ID.
  3. Tải lên ảnh hoặc video dự phòng.

Trong code ứng dụng của bạn, lấy media theo ID của nó — xem Tùy chỉnh assets để biết SDK API.

ÿÿÿÿ