- vừa được xem lúc

Sử dụng Core Splashscreen API trong Android

0 0 12

Người đăng: Nguyen Huu Cong

Theo Viblo Asia

Trước đây, nếu muốn tạo màn hình Splash cho ứng dụng thì chúng ta phải tự implement, kể từ Android 12 thì Android đã cung cấp thêm tính năng này và cho phép ta tùy chỉnh bằng các thông số đơn giản.

Splash Screen là gì?

Splash Screen là màn hình được hiển thị đầu tiên khi ứng dụng được chạy. Nó sẽ cung cấp trải nghiệm người dùng tốt hơn thay vì việc người dùng sẽ chỉ nhìn thấy màn hình trống trơn khi bắt đầu chạy ứng dụng. Splash Screen sẽ được hiển thị khi:

  • Cold start: Khi tiến trình của ứng dụng không chạy và người dùng mở ứng dụng
  • Warm start : Khi tiến trình của ứng dụng đang chạy nhưng Activity chưa được tạo hoặc đã bị destroy trước đó

Một điều quan trọng cần lưu ý là Splash Screen sẽ không được hiển thị khi chạy hot start, ví dụ như người dùng nhấn nút Home để đưa ứng dụng chạy nền và khi mở lại trước khi hệ thống destroy Activity thì Splash Screen sẽ không được hiển thị.

Implement Splash Screen API

API Core Splashscreen chỉ hoạt động nếu ứng dụng được biên dịch trên Android 12 (API 31). Tại thời điểm hiện tại, phiên bản này hiện đang ở chế độ preview, chúng ta cần sẽ cập nhật compileSdkVersion trong file build.gradle. Trong tương lai, khi phiên bản ổn định của Android 12 được phát hành, phiên bản sẽ được sử dụng là API 31.

android { compileSdkVersion "android-S" // while Android 12 is in preview // compileSdkVersion 31 - when the Android 12 is stable
}

Thêm dependency cho thư viện:

implementation "androidx.core:core-splashscreen:1.0.0-alpha01"

Sau khi đồng bộ hóa các file Gradle, chúng ta cần cập nhật file themes/values.xml với các thuộc tính tùy chỉnh.

Đầu tiên, chúng ta sẽ tạo một theme mới, trong ví dụ nó được đặt tên là Theme.MySplash, sau đó sẽ thêm các thuộc tính:

  • Style parent là Theme.SpashScreen
  • windowSplashScreenBackground: thiết lập màu background
  • windowSplashScreenAnimatedIcon: thiết lập splash icon
  • postSplashScreenTheme: thiết lập theme của app sẽ được sử dụng sau khi Splash Screen đã tắt
<style name="Theme.MySplash" parent="Theme.SplashScreen"> <item name="windowSplashScreenBackground">@color/purple_500</item> <item name="windowSplashScreenAnimatedIcon">@mipmap/ic_launcher</item> <item name="postSplashScreenTheme">@style/Theme.MyApp</item>
</style> <style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar"> <!-- Your theme attributes goes here -->
</style> 

Sau đó, chúng ta sẽ thiết lập theme đã tạo cho application hoặc main activity:

<application ... android:theme="@style/Theme.MySplash"> ...
</application>

Sau khi thiết lập theme, một bước quan trọng nữa là chúng ta sẽ gọi hàm installSplashScreen() trước setContentView() trong Activity, nó sẽ liên kết Activity với postSplashScreenTheme được định nghĩa trước đó.

class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) installSplashScreen() setContentView(R.layout.activity_main) }
}

Và như vậy chúng ta đã implement xong Splash Screen, chúc các bạn thành công

Source:

https://proandroiddev.com/implementing-core-splashscreen-api-e62f0e690f74 https://developer.android.com/about/versions/12/features/splash-screen

Bình luận

Bài viết tương tự

- vừa được xem lúc

Học Flutter từ cơ bản đến nâng cao. Phần 1: Làm quen cô nàng Flutter

Lời mở đầu. Gần đây, Flutter nổi lên và được Google PR như một xu thế của lập trình di động vậy.

0 0 281

- vừa được xem lúc

Học Flutter từ cơ bản đến nâng cao. Phần 3: Lột trần cô nàng Flutter, BuildContext là gì?

Lời mở đầu. Màn làm quen cô nàng FLutter ở Phần 1 đã gieo rắc vào đầu chúng ta quá nhiều điều bí ẩn về nàng Flutter.

0 0 207

- vừa được xem lúc

[Android] Hiển thị Activity trên màn hình khóa - Show Activity over lock screen

Xin chào các bạn, Hôm nay là 30 tết rồi, ngồi ngắm trời chờ đón giao thừa, trong lúc rảnh rỗi mình quyết định ngồi viết bài sau 1 thời gian vắng bóng. .

0 0 107

- vừa được xem lúc

Tìm hiểu Proguard trong Android

1. Proguard là gì . Cụ thể nó giúp ứng dụng của chúng ta:. .

0 0 100

- vừa được xem lúc

Làm ứng dụng học toán đơn giản với React Native - Phần 6

Chào các bạn một năm mới an khang thịnh vượng, dồi dào sức khỏe. Lại là mình đây Đây là link app mà các bạn đang theo dõi :3 https://play.google.com/store/apps/details?id=com.

0 0 68

- vừa được xem lúc

20 Plugin hữu ích cho Android Studio

1. CodeGlance. Plugin này sẽ nhúng một minimap vào editor cùng với thanh cuộn cũng khá là lớn. Nó sẽ giúp chúng ta xem trước bộ khung của code và cho phép điều hướng đến đoạn code mà ta mong muốn một cách nhanh chóng.

0 0 315