Thiết lập thủ công màn hình tràn viền

Bạn có thể bật màn hình tràn viền trong ứng dụng bằng cách gọi enableEdgeToEdge. Điều này là đủ đối với hầu hết các ứng dụng. Hướng dẫn này mô tả cách bật tràn viền nếu ứng dụng của bạn cần thực hiện việc đó mà không dùng enableEdgeToEdge.

Đặt ứng dụng ở chế độ toàn màn hình

Sử dụng WindowCompat.setDecorFitsSystemWindows(window, false) để bố trí ứng dụng của bạn phía sau các thanh hệ thống, như trong ví dụ mã sau:

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  WindowCompat.setDecorFitsSystemWindows(window, false)
}

Java

@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  WindowCompat.setDecorFitsSystemWindows(getWindow(), false);
}

Thay đổi màu của các thanh hệ thống

Khi hoạt động ở bố cục tràn viền, ứng dụng của bạn cần thay đổi màu của các thanh hệ thống để hiển thị nội dung bên dưới. Sau khi ứng dụng thực hiện bước này, hệ thống sẽ xử lý mọi biện pháp bảo vệ hình ảnh của giao diện người dùng ở chế độ điều hướng bằng cử chỉ và ở chế độ nút.

  • Chế độ thao tác bằng cử chỉ: hệ thống áp dụng khả năng điều chỉnh màu động trong mà nội dung trên thanh hệ thống thay đổi màu dựa trên nội dung phía sau chúng. Trong ví dụ sau, ô điều khiển trên thanh điều hướng thay đổi thành màu tối khi ở trên mức nội dung sáng và sang màu sáng khi ở trên nội dung tối.
Hình 1. Thay đổi màu trong chế độ điều hướng bằng cử chỉ.
  • Chế độ nút: hệ thống áp dụng một lưới mờ trong suốt phía sau các thanh hệ thống (đối với API cấp 29 trở lên) hoặc một thanh hệ thống trong suốt (đối với API cấp 28 trở xuống).
Hình ảnh hiển thị các thanh hệ thống trong suốt
Hình 2. Màn chắn mờ phía sau các thanh hệ thống.
  • Màu nội dung thanh trạng thái: kiểm soát màu của nội dung thanh trạng thái, chẳng hạn như thời gian và biểu tượng.
Màu nội dung thanh trạng thái hiển thị hình ảnh
Hình 3. Màu nội dung của thanh trạng thái.

Bạn có thể chỉnh sửa tệp themes.xml để đặt màu của thanh điều hướng và đặt thanh trạng thái thành trong suốt và màu nội dung thanh trạng thái thành tối (không bắt buộc).

<!-- values-v29/themes.xml -->
<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set to transparent if your app is drawing behind the status bar. -->
  <item name="android:statusBarColor">
     @android:color/transparent
  </item>

  <!-- Optional: set for a light status bar with dark content. -->
  <item name="android:windowLightStatusBar">
    true
  </item>
</style>

Bạn có thể sử dụng API WindowInsetsController trực tiếp, nhưng bạn nên sử dụng Thư viện hỗ trợ WindowInsetsControllerCompat khi có thể. Bạn có thể sử dụng API WindowInsetsControllerCompat thay vì theme.xml để kiểm soát màu nội dung của thanh trạng thái. Để thực hiện việc này, hãy sử dụng hàm setAppearanceLightNavigationBars(), truyền vào true để thay đổi màu nền trước của thành phần điều hướng thành màu sáng hoặc false để quay lại màu mặc định.

Kotlin

val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView)

windowInsetsController?.isAppearanceLightNavigationBars = true

Java

WindowInsetsControllerCompat windowInsetsController =
      ViewCompat.getWindowInsetsController(getWindow().getDecorView());
if (windowInsetsController == null) {
    return;
}

windowInsetsController.setAppearanceLightNavigationBars(true);