Google sử dụng công nghệ AI để dịch nội dung sang ngôn ngữ bạn ưu tiên. Bản dịch bằng AI có thể có lỗi.

Màn hình chờ

Kể từ Android 12, các ứng dụng sẽ khởi chạy bằng màn hình chờ của hệ thống, bao gồm chuyển động trong ứng dụng khi khởi chạy, màn hình chờ hiển thị biểu tượng ứng dụng và chuyển đổi cho ứng dụng đó. Màn hình chờ là một Window và do đó bao gồm cả Activity.

Hình 1. Màn hình chờ.

Trải nghiệm màn hình chờ mang thiết kế tiêu chuẩn vào mỗi lần phát hành ứng dụng, nhưng bạn cũng có thể tuỳ chỉnh để ứng dụng có thể duy trì việc xây dựng thương hiệu độc đáo.

Để tuỳ chỉnh màn hình chờ trong ứng dụng, hãy sử dụng thư viện tương thích SplashScreen của Jetpack. Thư viện này bao bọc API SplashScreen của nền tảng và hoạt động với mọi ComponentActivity, bao gồm cả các hoạt động đặt giao diện người dùng bằng Compose thông qua setContent.

Cách hoạt động của màn hình chờ

Khi người dùng mở ứng dụng mà quy trình ứng dụng không chạy (khởi động nguội) hoặc Activity chưa được thiết lập (khởi động ấm), sẽ xảy ra trường hợp sau:

Hệ thống hiển thị màn hình chờ bằng cách sử dụng các giao diện và bất kỳ ảnh động nào bạn xác định.
Khi ứng dụng sẵn sàng, màn hình chờ sẽ đóng và ứng dụng sẽ hiển thị.

Màn hình chờ sẽ không hiển thị trong khi khởi động nóng.

Các thành phần và cơ chế của màn hình chờ

Các phần tử của màn hình chờ được xác định bởi các tệp tài nguyên XML trong tệp kê khai Android. Có các phiên bản giao diện sáng và Giao diện tối cho từng thành phần.

Các thành phần có thể tùy chỉnh của màn hình chờ bao gồm biểu tượng ứng dụng, nền biểu tượng và nền cửa sổ:

Màn hình chờ có chú thích được đánh số cho các thành phần có thể tuỳ chỉnh — **Hình 2.** Các thành phần có thể tuỳ chỉnh của màn hình chờ.

Hãy xem xét các phần tử sau đây, được minh hoạ trong hình 2:

1 Biểu tượng ứng dụng phải là một drawable vector. Nội dung này có thể ở dạng tĩnh hoặc động. Mặc dù ảnh động có thể có thời lượng không giới hạn, nhưng bạn không nên vượt quá 1.000 mili giây. Biểu tượng trình chạy là biểu tượng mặc định.

2 Nền biểu tượng là không bắt buộc và hữu ích nếu bạn cần độ tương phản cao hơn giữa biểu tượng và nền cửa sổ. Nếu bạn sử dụng biểu tượng thích ứng, nền sẽ hiển thị nếu có đủ độ tương phản với nền cửa sổ.

3 Giống như biểu tượng thích ứng, một phần ba nền trước được che kín.

4 Nền cửa sổ có màu đục đơn sắt. Nếu nền cửa sổ đặt có màu trơn, nó sẽ được dùng theo mặc định nếu không cài đặt thuộc tính trước.

Kích thước màn hình chờ

Biểu tượng màn hình chờ sử dụng thông số kỹ thuật giống biểu tượng thích ứng như sau:

Hình ảnh thương hiệu: kích thước phải là 200×80 dp.
Biểu tượng ứng dụng có nền biểu tượng: kích thước phải là 240×240 dp và vừa với đường tròn có đường kính 160 dp.
Biểu tượng ứng dụng không có nền biểu tượng: kích thước phải là 288×288 dp và vừa với đường tròn có đường kính 192 dp.

Ví dụ: nếu kích thước đầy đủ của hình ảnh là 300×300 dp, biểu tượng cần phải vừa với hình tròn có đường kính 200 dp. Mọi thứ bên ngoài vòng kết nối sẽ không hiển thị (che khuất).

Hình 3. Kích thước biểu tượng màn hình chờ tương ứng với nền trong suốt và liền mạch.

Ảnh động trên màn hình chờ và trình tự chạy

Độ trễ bổ sung thường liên quan đến việc khởi chạy ứng dụng khi khởi động nguội. Việc thêm một biểu tượng động vào màn hình chờ sẽ mang lại tính hấp dẫn về mặt thẩm mỹ và mang lại trải nghiệm cao cấp hơn. Nghiên cứu về người dùng cho thấy thời gian khởi động dự kiến ít hơn khi xem ảnh động.

Ảnh động màn hình chờ được nhúng trong các thành phần trình tự khởi chạy, như minh hoạ trong hình 4.

Trình tự khởi chạy trong 12 khung hình liên tiếp, bắt đầu bằng việc nhấn vào biểu tượng trình chạy và lấp đầy màn hình khi biểu tượng này phóng to — **Hình 4.** Trình tự khởi chạy.

Ảnh động nhập: bao gồm chế độ xem hệ thống cho màn hình chờ. Hệ thống kiểm soát tính năng này và không thể tuỳ chỉnh được.
Màn hình chờ (hiển thị trong phần "chờ" của trình tự): bạn có thể tuỳ chỉnh màn hình chờ, cho phép bạn cung cấp ảnh động và thương hiệu biểu trưng của riêng mình. Nó phải đáp ứng các yêu cầu được nêu trong trang này để hoạt động đúng cách.
Ảnh động thoát: bao gồm ảnh động ẩn màn hình chờ. Nếu bạn muốn tuỳ chỉnh, hãy sử dụng thành phần hiển thị SplashScreenViewProvider và biểu tượng của thành phần đó. Bạn có thể chạy mọi ảnh động với tùy chọn cài đặt chuyển đổi, độ mờ và màu sắc. Trong trường hợp này, hãy xoá màn hình chờ theo cách thủ công khi ảnh động hoàn tất.

Khi chạy hoạt ảnh biểu tượng, bạn sẽ có thể bỏ qua trình tự trong các trường hợp ứng dụng đã sẵn sàng trước đó. Ứng dụng kích hoạt onResume() hoặc màn hình chờ sẽ tự động hết thời gian để đảm bảo người dùng có thể bỏ qua chuyển động. Bạn chỉ nên loại bỏ màn hình chờ bằng onResume() khi ứng dụng ổn định từ góc độ hình ảnh, vì vậy, bạn không cần thêm dây ghim. Việc cung cấp giao diện chưa hoàn chỉnh có thể gây khó chịu cho người dùng và có thể gây ấn tượng khó dự đoán hoặc thiếu đánh bóng.

Yêu cầu ảnh động trên màn hình chờ

Màn hình chờ của bạn phải tuân thủ các thông số kỹ thuật sau:

Đặt màu nền cho một cửa sổ mà không có độ trong suốt. Chế độ ban ngày và ban đêm được hỗ trợ với thư viện tương thích SplashScreen.
Đảm bảo biểu tượng động đáp ứng các thông số kỹ thuật sau:
- Định dạng: biểu tượng phải là định dạng XML AnimatedVectorDrawable (AVD).
- Kích thước: Một biểu tượng AVD phải có kích thước gấp bốn lần biểu tượng thích ứng, như sau:
  - Khu vực của biểu tượng phải là 432 dp, tức là gấp 4 lần khu vực 108 dp của một biểu tượng thích ứng không bị che giấu.
  - Hai phần ba nội dung của hình ảnh hiển thị trên biểu tượng trình chạy, và phải có kích thước 288 dp – nói cách khác, gấp bốn lần 72 dp tạo thành khu vực che kín bên trong của một biểu tượng thích ứng.
- Thời lượng: Bạn không nên vượt quá 1.000 mili giây trên điện thoại. Bạn có thể sử dụng bắt đầu khởi động nhưng không được dài hơn 166 mili giây. Nếu thời gian khởi động ứng dụng dài hơn 1.000 mili giây, hãy cân nhắc sử dụng ảnh động lặp lại.
Thiết lập thời gian thích hợp để loại bỏ màn hình chờ, điều này xảy ra khi ứng dụng của bạn vẽ khung hình đầu tiên. Bạn có thể tuỳ chỉnh thêm phần này như mô tả trong phần giữ màn hình chờ trên màn hình trong khoảng thời gian dài hơn.

Tài nguyên trên màn hình chờ

Hình 5. Ví dụ về AVD.

Tải ví dụ về bộ công cụ dành cho người mới bắt đầu để xem cách tạo, định dạng và xuất ảnh động thành video AVD. Gói này bao gồm những công cụ sau:

Tệp dự án Adobe After Effects của ảnh động.
Tệp AVD XML đã xuất cuối cùng.
Ảnh GIF mẫu của ảnh động.

Bằng việc tải các tệp này xuống, bạn đồng ý với Điều khoản dịch vụ của Google.

Chính sách quyền riêng tư của Google mô tả cách chúng tôi xử lý dữ liệu trong dịch vụ này.

Tùy chỉnh màn hình chờ trong ứng dụng

Theo mặc định, SplashScreen sử dụng windowBackground của giao diện nếu windowBackground là một màu đơn. Để tuỳ chỉnh màn hình chờ, hãy thêm các thuộc tính vào giao diện ứng dụng.

Bạn có thể tuỳ chỉnh màn hình chờ của ứng dụng bằng cách làm theo một trong những cách sau:

Đặt thuộc tính giao diện (theme) để thay đổi giao diện.
Lưu giữ video trên màn hình trong thời gian dài hơn.
Tuỳ chỉnh ảnh động để đóng màn hình chờ.

Bắt đầu

Thư viện SplashScreen chính cung cấp màn hình chờ Android 12 cho tất cả thiết bị từ API cấp 23. Để thêm thư viện này vào dự án, hãy thêm đoạn mã sau vào tệp build.gradle:

Groovy

dependencies {
    implementation "androidx.core:core-splashscreen:1.2.0"
}

Kotlin

dependencies {
    implementation("androidx.core:core-splashscreen:1.2.0")
}

Sau đó, hãy tạo một giao diện màn hình chờ kế thừa từ Theme.SplashScreen, đặt postSplashScreenTheme thành giao diện mà hoạt động sử dụng sau đó, áp dụng giao diện màn hình chờ trong tệp kê khai (xem phần Di chuyển hoạt động triển khai màn hình chờ hiện có sang Android 12) và gọi installSplashScreen() trong hoạt động bắt đầu trước khi gọi super.onCreate(), như trong các ví dụ ở những phần sau.

Đặt giao diện cho màn hình chờ để thay đổi giao diện

Bạn có thể chỉ định các thuộc tính sau trong giao diện Activity để tuỳ chỉnh màn hình chờ cho ứng dụng. Nếu đã triển khai màn hình chờ cũ sử dụng các thuộc tính như android:windowBackground, hãy cân nhắc cung cấp một tệp tài nguyên thay thế cho Android 12 trở lên.

Sử dụng windowSplashScreenBackgroundđể tô nền bằng một màu đơn sắc:
```
<item name="android:windowSplashScreenBackground">@color/...</item>
```
Sử dụng windowSplashScreenAnimatedIcon để thay thế biểu tượng ở giữa cửa sổ bắt đầu.

Đối với các ứng dụng chỉ nhắm đến Android 12 (cấp độ API 32), hãy làm như sau:

Nếu có thể tạo và vẽ được đối tượng qua AnimationDrawable và AnimatedVectorDrawable, hãy đặt windowSplashScreenAnimationDuration để phát ảnh động trong khi hiển thị cửa sổ bắt đầu. Bạn không cần làm việc này đối với Android 13 vì thời lượng được suy ra trực tiếp từ AnimatedVectorDrawable.
```
<item name="android:windowSplashScreenAnimatedIcon">@drawable/...</item>
```
Sử dụng windowSplashScreenAnimationDurationbiểu thị thời lượng của ảnh động trên biểu tượng màn hình chờ. Thiết lập này không ảnh hưởng đến thời gian thực tế màn hình chờ hiển thị, nhưng bạn có thể truy xuất ảnh này khi tuỳ chỉnh ảnh động màn hình chờ sử dụngSplashScreenViewProvider.iconAnimationDurationMillis. Hãy xem phần sau về việc giữ màn hình chờ trên màn hình lâu hơn để biết thêm thông tin.
```
<item name="android:windowSplashScreenAnimationDuration">1000</item>
```
Sử dụng windowSplashScreenIconBackgroundColor để đặt nền phía sau biểu tượng màn hình chờ. Cách này hữu ích trong trường hợp nền cửa sổ và biểu tượng có độ tương phản kém.
```
<item name="android:windowSplashScreenIconBackgroundColor">@color/...</item>
```
Bạn có thể sử dụng windowSplashScreenBrandingImage để đặt hình ảnh hiển thị ở cuối màn hình chờ. Tuy nhiên, không nên sử dụng hình ảnh thương hiệu theo khuyến nghị của hướng dẫn thiết kế.
```
<item name="android:windowSplashScreenBrandingImage">@drawable/...</item>
```
Bạn có thể sử dụng windowSplashScreenBehavior để chỉ định xem ứng dụng của bạn có luôn hiển thị biểu tượng trên màn hình chờ trong Android 13 trở lên hay không. Giá trị mặc định là 0, tức là hiển thị biểu tượng trên màn hình chờ nếu hoạt động khởi chạy đặt splashScreenStyle thành SPLASH_SCREEN_STYLE_ICON hoặc tuân theo hành vi của hệ thống nếu hoạt động khởi chạy không chỉ định kiểu. Nếu bạn không muốn hiển thị màn hình chờ trống và luôn muốn hiển thị biểu tượng ảnh động, hãy đặt giá trị này thành icon_preferred.
```
<item name="android:windowSplashScreenBehavior">icon_preferred</item>
```

Giữ màn hình chờ trên màn hình lâu hơn

Màn hình chờ sẽ đóng ngay khi ứng dụng vẽ khung hình đầu tiên. Nếu bạn cần tải một lượng nhỏ dữ liệu, chẳng hạn như tải chế độ cài đặt trong ứng dụng từ một ổ đĩa cục bộ không đồng bộ, hãy sử dụng setKeepOnScreenCondition để giữ màn hình chờ trên màn hình cho đến khi dữ liệu sẵn sàng. Điều kiện được đánh giá trước khi vẽ từng khung hình, vì vậy, hãy đảm bảo điều kiện này diễn ra nhanh chóng để tránh chặn giao diện người dùng.

Nếu hoạt động bắt đầu kết thúc trước khi vẽ (ví dụ: do không đặt chế độ xem nội dung và hoàn tất trước onResume), bạn không cần đặt điều kiện.

override fun onCreate(savedInstanceState: Bundle?) {
    // Install the splash screen before calling super.onCreate().
    val splashScreen = installSplashScreen()
    super.onCreate(savedInstanceState)

    // Keep the splash screen on-screen until the initial data is ready.
    // The condition is checked each time the app is about to draw a frame.
    splashScreen.setKeepOnScreenCondition { !viewModel.isReady.value }

    setContent {
        MyApp()
    }
}SplashScreenSnippets.kt

Tùy chỉnh ảnh động để đóng màn hình chờ

Bạn có thể tuỳ chỉnh thêm ảnh động trên màn hình chờ bằng setOnExitAnimationListener. Trình nghe nhận được một SplashScreenViewProvider cung cấp cho bạn chế độ xem màn hình chờ để tạo ảnh động. Gọi remove() trên đó khi ảnh động kết thúc.

override fun onCreate(savedInstanceState: Bundle?) {
    val splashScreen = installSplashScreen()
    super.onCreate(savedInstanceState)

    // Add a callback that's called when the splash screen is animating to the
    // app content.
    splashScreen.setOnExitAnimationListener { splashScreenViewProvider ->
        val splashScreenView = splashScreenViewProvider.view
        // Create your custom animation.
        val slideUp = ObjectAnimator.ofFloat(
            splashScreenView,
            View.TRANSLATION_Y,
            0f,
            -splashScreenView.height.toFloat()
        )
        slideUp.interpolator = AnticipateInterpolator()
        slideUp.duration = 200L

        // Call SplashScreenViewProvider.remove at the end of your custom
        // animation.
        slideUp.doOnEnd { splashScreenViewProvider.remove() }

        // Run your animation.
        slideUp.start()
    }

    setContent {
        MyApp()
    }
}SplashScreenSnippets.kt

Từ lúc bắt đầu lệnh gọi lại này, drawable vector độngtrên màn hình chờ sẽ bắt đầu. Tùy thuộc vào thời điểm khởi chạy ứng dụng, đối tượng vẽ có thể nằm ở giữa ảnh động của ứng dụng. Sử dụngSplashScreenViewProvider.iconAnimationStartMillisđể biết thời điểm bắt đầu ảnh động. Có thể tính thời lượng còn lại của ảnh động biểu tượng như sau:

// Get the duration of the animated vector drawable.
val animationDuration = splashScreenViewProvider.iconAnimationDurationMillis
// Get the start time of the animation, in milliseconds since the epoch.
val animationStart = splashScreenViewProvider.iconAnimationStartMillis
// Calculate the remaining duration of the animation.
val remainingDuration =
    (animationDuration - (System.currentTimeMillis() - animationStart))
        .coerceAtLeast(0L)SplashScreenSnippets.kt

Tài nguyên khác

Di chuyển cách triển khai màn hình chờ hiện có sang Android 12 trở lên
Ứng dụng Now in Android, cho thấy cách triển khai màn hình chờ trong thực tế