能否在状态栏与Toolbar上方显示Snackbar？求实现方案

Absolutely, this is totally achievable! You don’t have to settle for the default Snackbar position—here are two reliable approaches to make it show up above both the Status Bar and Toolbar:

Approach 1: Adjust Snackbar’s Layout Parameters #

You can manually tweak the Snackbar’s positioning by modifying its LayoutParams to set a top gravity and account for the combined height of the Status Bar and Toolbar. Here’s a code snippet to implement this:

// Create your Snackbar as usual
val snackbar = Snackbar.make(rootView, "Your message here", Snackbar.LENGTH_LONG)

// Get the Snackbar's main view
val snackbarView = snackbar.view

// Calculate the combined height of Status Bar and Toolbar
val statusBarHeight = getStatusBarHeight(context)
val toolbarHeight = supportActionBar?.height ?: 0
val totalTopMargin = statusBarHeight + toolbarHeight

// Modify the layout parameters to position it at the top
val params = snackbarView.layoutParams as FrameLayout.LayoutParams
params.gravity = Gravity.TOP
params.topMargin = totalTopMargin
snackbarView.layoutParams = params

// Show the adjusted Snackbar
snackbar.show()

// Helper function to get Status Bar height dynamically
private fun getStatusBarHeight(context: Context): Int {
    var result = 0
    val resourceId = context.resources.getIdentifier("status_bar_height", "dimen", "android")
    if (resourceId > 0) {
        result = context.resources.getDimensionPixelSize(resourceId)
    }
    return result
}

Approach 2: Use a Custom Snackbar Layout #

For full control over the Snackbar’s appearance and position, inflate a custom layout instead of relying on the default one. This lets you style it exactly to your needs:

1. Create a custom layout file (e.g., res/layout/custom_snackbar.xml):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#333333"
    android:paddingHorizontal="16dp"
    android:paddingVertical="12dp"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/snackbar_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#FFFFFF"
        android:textSize="14sp"/>

</LinearLayout>

2. Implement the custom layout in your code:

val snackbar = Snackbar.make(rootView, "", Snackbar.LENGTH_LONG)
val customView = LayoutInflater.from(context).inflate(R.layout.custom_snackbar, null)
customView.findViewById<TextView>(R.id.snackbar_text).text = "Your custom message here"

// Replace the default Snackbar layout with your custom one
val snackbarLayout = snackbar.view.findViewById<Snackbar.SnackbarLayout>(com.google.android.material.R.id.snackbar_layout)
snackbarLayout.addView(customView)

// Adjust position using the same method as Approach 1
val snackbarView = snackbar.view
val statusBarHeight = getStatusBarHeight(context)
val toolbarHeight = supportActionBar?.height ?: 0
val params = snackbarView.layoutParams as FrameLayout.LayoutParams
params.gravity = Gravity.TOP
params.topMargin = statusBarHeight + toolbarHeight
snackbarView.layoutParams = params

snackbar.show()

Key Notes #

• Ensure you’re using the latest version of the Material Components library in your build.gradle to avoid compatibility issues.
• Use findViewById(android.R.id.content) as your rootView if you don’t have a reference to the activity’s top-level view.
• Test on devices with notch displays or unusual screen configurations—you might need minor adjustments to prevent overlapping issues.

内容的提问来源于stack exchange，提问作者william xyz