Nền màn hình

Đặt nền cho bất kỳ màn hình nào bằng bảng Fill trong Screen settings. Mỗi lớp trong bảng có thể là màu đặc, gradient, hình ảnh hoặc video, và một màn hình có thể xếp chồng nhiều lớp — đó là cách bạn tô màu lên ảnh hoặc video.

Hình ảnh

Flow builder background image

Tải lên file .JPG, .PNG, hoặc .WEBP tối đa 20 MB. Hình ảnh sẽ được phóng to để phủ toàn bộ nền.

Note

Hình ảnh và video nền sẽ lấp đầy toàn bộ viewport, bao gồm cả các vùng phía sau notch và thanh hệ thống — ngay cả khi Safe area đã được bật. Hãy giữ nội dung quan trọng tránh xa các cạnh để tránh bị cắt xén.

Để thay đổi hình ảnh nền lúc runtime từ code ứng dụng của bạn, hãy bật custom media ID.

Video

Flow builder background video

Tải lên file .MP4 hoặc .WEBM tối đa 50 MB. Bản xem trước hiển thị một khung tĩnh — nhưng video sẽ phát trên thiết bị lúc runtime.

Bật Loop để phát lại video liên tục.

Để thay video nền lúc runtime, hãy bật custom media ID.

Màu đặc

Flow builder solid background

Nhập giá trị hex 6 chữ số, ví dụ #FFFFFF, và đặt độ mờ từ 0 đến 100%. Giá trị rút gọn sẽ chặn việc xuất bản. Chọn color style đã lưu từ bảng màu để áp dụng màu thương hiệu của bạn — nền sẽ tự động theo chủ đề sáng và tối của bạn.

Gradient

Flow builder gradient background

Tạo gradient tuyến tính nhiều điểm dừng:

  • Direction — xoay gradient từ 0 đến 360°.
  • Stops — kéo dọc thanh để thay đổi vị trí. Nhấp vào một điểm dừng để chỉnh giá trị hex 6 chữ số và độ mờ.
  • Opacity — thanh trượt trên hàng của layer điều chỉnh tất cả các điểm dừng cùng lúc, giữ nguyên hiệu ứng chuyển màu giữa chúng.
Configuring a gradient fill with multiple color stops

Tô màu nền

Văn bản đặt trên ảnh hoặc video chỉ dễ đọc ở những vùng mà nội dung phía sau đủ tối. Để làm đều bề mặt đó, hãy xếp chồng một lớp bán trong suốt lên trên nội dung media:

  1. Trong Screen settings, đặt layer Fill thành hình ảnh hoặc video của bạn.
  2. Để thêm layer thứ hai, nhấn bên cạnh Fill. Layer mới xuất hiện ở đầu danh sách và phủ lên trên media.
  3. Nhấn vào ô màu của layer và chọn Gradient . Để làm tối chỉ phần cạnh chứa nội dung văn bản, hãy kéo gradient từ điểm dừng đục ở cạnh đó đến điểm dừng trong suốt ở cạnh còn lại.
  4. Để điều chỉnh độ đậm của lớp tô màu, kéo thanh trượt trên hàng của layer đó.

Kéo một layer để di chuyển nó trong stack, và nhấn để xóa nó.

A gradient tint layer at 67% over an image layer in the Fill list