Android-Völlig transparent Status Bar?

Ich gesucht habe die Dokumentation aber nur dies gefunden:
Link. Welche verwendet wird, um die bar durchscheinend? Was ich versuche zu tun ist, um die status bar vollständig transparent (wie im Bild unten gezeigt) und machen es rückwärts kompatibel für APK - <19:
Android-Völlig transparent Status Bar?

Meine styles.xml:

<resources xmlns:tools="http://schemas.android.com/tools">

  <style name="AppTheme" parent="Theme.AppCompat.Light">
  <item name="android:actionBarStyle">@style/ThemeActionBar</item>
  <item name="android:windowActionBarOverlay">true</item>
  <!-- Support library compatibility -->
  <item name="actionBarStyle">@style/ThemeActionBar</item>
  <item name="windowActionBarOverlay">true</item>
  </style>

  <style name="ThemeActionBar" parent="Widget.AppCompat.Light.ActionBar.Solid">
  <item name="android:background"> @null </item>
  <!-- Support library compatibility -->
  <item name="background">@null</item>
  <item name="android:displayOptions"> showHome | useLogo</item>
  <item name="displayOptions">showHome|useLogo</item>

  </style>

</resources>

Was ich in der Lage war zu tun:

Android-Völlig transparent Status Bar?

InformationsquelleAutor Muhammad Ali | 2015-03-27

android statusbar

270

Alles, was Sie tun müssen, ist, legen Sie diese Eigenschaften in Ihrem Thema:
```
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
```
Ihre Tätigkeit /container-layout, das Sie möchten, haben eine transparente status bar muss diese Eigenschaft:
```
android:fitsSystemWindows="true"
```
Ist es im Allgemeinen nicht möglich ist, um diese sicher auf pre-kitkat, sieht aus wie Sie es tun können aber einige seltsame code macht es so.

EDIT: ich würde empfehlen, diese lib: https://github.com/jgilfelt/SystemBarTint für viele pre-lollipop status bar color control.

Gut, nach viel überlegung habe ich gelernt, dass die Antwort auf ganz deaktivieren der Transluzenz oder irgendeine Farbe, platziert auf der Statusleiste und Navigationsleiste für lollipop ist setzen Sie dieses flag auf die Fenster:
```
//In Activity's onCreate() for instance
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    Window w = getWindow();
    w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
}
```
Kein anderes Thema-ing erforderlich ist, erzeugt es so etwas wie dieses:

Ich benutzt den code und fügte dann ein Bild als hintergrund und dann Hinzugefügt android:fitsSystemWindows="true" zu meinem activity_main.xml. Das system bars sind transluzent und nicht transparent.
Nun, ich glaube alles was Sie brauchen in diesem Fall dann fügen Sie <item name="android:statusBarColor">@android:color/transparent</item> zu Ihrem Thema 🙂
Hmm, wir sind nah dran 😀 Versuchen Sie, diese Einstellung in das Thema als auch <item name="android:windowDrawsSystemBarBackgrounds">true</item> ich glaube, es ist eigentlich, was sagt android zu verwenden, die statusBarColor Eigenschaft, die Sie festlegen (developer.android.com/reference/android/...)
Ja, wir sind, wir danken Ihnen für Ihre Geduld, ich bin auf fast auf tilt, da ich versucht habe, dies zu tun für die letzten paar Stunden xD. Der code oben funktioniert nicht aber ich habe die android:windowTranslucentStatus auf false, und es machte die Statusleiste transparent. Jetzt habe ich die gleiche Sache mit navigaton bar und Hinzugefügt <item name="android:navigationBarColor">@android:color/transparent</item> aber es macht beide Balken Grau. PFUI!
"AdjustPan" Arbeit verwenden w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN); statt

InformationsquelleAutor Daniel Wilson
13

Fügen Sie einfach diese Zeile code in die Haupt-java-Datei:
```
getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);
```
Dies wirkt sich auf die Navigationsleiste zu.

InformationsquelleAutor Abhijeet Farakate
12

Können Sie das externe Bibliothek StatusBarUtil:

Hinzufügen, um Ihre Modul-Ebene build.gradle:
```
compile 'com.jaeger.statusbarutil:library:1.4.0'
```
Dann können Sie die folgenden util für eine Tätigkeit, um die status bar transparent:
```
StatusBarUtil.setTransparent(Activity activity)
```
Beispiel:

Wie dies für die Navigation Schublade?
eine lib nur für das lösen dieser wie eine Kerze mit einem Flammenwerfer

InformationsquelleAutor David Rawson

6

Zeichnen Ihre Anlage unter statusbar:

values/styles.xml

<item name="android:windowTranslucentStatus">true</item>

values-v21/styles.xml

<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@color/colorPrimaryDark</item>

Verwenden CoordinatorLayout/DrawerLayout, die bereits kümmern sich um die fitsSystemWindows parameter oder erstellen Sie Ihre eigenen Layouts wie diese:

public class FitsSystemWindowConstraintLayout extends ConstraintLayout {

    private Drawable mStatusBarBackground;
    private boolean mDrawStatusBarBackground;

    private WindowInsetsCompat mLastInsets;

    private Map<View, int[]> childsMargins = new HashMap<>();

    public FitsSystemWindowConstraintLayout(Context context) {
        this(context, null);
    }

    public FitsSystemWindowConstraintLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public FitsSystemWindowConstraintLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        if (ViewCompat.getFitsSystemWindows(this)) {
            ViewCompat.setOnApplyWindowInsetsListener(this, new android.support.v4.view.OnApplyWindowInsetsListener() {
                @Override
                public WindowInsetsCompat onApplyWindowInsets(View view, WindowInsetsCompat insets) {
                    FitsSystemWindowConstraintLayout layout = (FitsSystemWindowConstraintLayout) view;
                    layout.setChildInsets(insets, insets.getSystemWindowInsetTop() > 0);
                    return insets.consumeSystemWindowInsets();
                }
            });
            setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
            TypedArray typedArray = context.obtainStyledAttributes(new int[]{android.R.attr.colorPrimaryDark});
            try {
                mStatusBarBackground = typedArray.getDrawable(0);
            } finally {
                typedArray.recycle();
            }
        } else {
            mStatusBarBackground = null;
        }
    }

    public void setChildInsets(WindowInsetsCompat insets, boolean draw) {
        mLastInsets = insets;
        mDrawStatusBarBackground = draw;
        setWillNotDraw(!draw && getBackground() == null);

        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            if (child.getVisibility() != GONE) {
                if (ViewCompat.getFitsSystemWindows(this)) {
                    ConstraintLayout.LayoutParams layoutParams = (ConstraintLayout.LayoutParams) child.getLayoutParams();

                    if (ViewCompat.getFitsSystemWindows(child)) {
                        ViewCompat.dispatchApplyWindowInsets(child, insets);
                    } else {
                        int[] childMargins = childsMargins.get(child);
                        if (childMargins == null) {
                            childMargins = new int[]{layoutParams.leftMargin, layoutParams.topMargin, layoutParams.rightMargin, layoutParams.bottomMargin};
                            childsMargins.put(child, childMargins);
                        }
                        if (layoutParams.leftToLeft == LayoutParams.PARENT_ID) {
                            layoutParams.leftMargin = childMargins[0] + insets.getSystemWindowInsetLeft();
                        }
                        if (layoutParams.topToTop == LayoutParams.PARENT_ID) {
                            layoutParams.topMargin = childMargins[1] + insets.getSystemWindowInsetTop();
                        }
                        if (layoutParams.rightToRight == LayoutParams.PARENT_ID) {
                            layoutParams.rightMargin = childMargins[2] + insets.getSystemWindowInsetRight();
                        }
                        if (layoutParams.bottomToBottom == LayoutParams.PARENT_ID) {
                            layoutParams.bottomMargin = childMargins[3] + insets.getSystemWindowInsetBottom();
                        }
                    }
                }
            }
        }

        requestLayout();
    }

    public void setStatusBarBackground(Drawable bg) {
        mStatusBarBackground = bg;
        invalidate();
    }

    public Drawable getStatusBarBackgroundDrawable() {
        return mStatusBarBackground;
    }

    public void setStatusBarBackground(int resId) {
        mStatusBarBackground = resId != 0 ? ContextCompat.getDrawable(getContext(), resId) : null;
        invalidate();
    }

    public void setStatusBarBackgroundColor(@ColorInt int color) {
        mStatusBarBackground = new ColorDrawable(color);
        invalidate();
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mDrawStatusBarBackground && mStatusBarBackground != null) {
            int inset = mLastInsets != null ? mLastInsets.getSystemWindowInsetTop() : 0;
            if (inset > 0) {
                mStatusBarBackground.setBounds(0, 0, getWidth(), inset);
                mStatusBarBackground.draw(canvas);
            }
        }
    }
}

main_activity.xml

<FitsSystemWindowConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:fitsSystemWindows="true"
        android:scaleType="centerCrop"
        android:src="@drawable/toolbar_background"
        app:layout_constraintBottom_toBottomOf="@id/toolbar"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="0dp"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:gravity="center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/toolbar">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Content"
            android:textSize="48sp" />
    </LinearLayout>
</FitsSystemWindowConstraintLayout>

Ergebnis:

Screenshot:

Android-Völlig transparent Status Bar?

InformationsquelleAutor Decam Developer

5

Verwenden android:fitsSystemWindows="false" in Ihrem top-layout

dies betrifft die Navigationsleiste zu

InformationsquelleAutor Miguel

5

Funktioniert seit Android KitKat und höher (Für diejenigen, die wollen, um die transparente Statusleiste und nicht manipulieren die NavigationBar, weil alle diese Antworten werden transparent NavigationBar auch!)

Der einfachste Weg, dies zu erreichen:

Diese 3 Zeilen code in der styles.xml (v19) -> wenn Sie nicht wissen, wie man diese (v19), nur schreiben Sie Sie in Ihrem Standard - styles.xml und verwenden Sie dann alt+enter, um automatisch erstellt:

<item name="android:windowFullscreen">false</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:fitsSystemWindows">false</item>

Und jetzt, gehen Sie zu Ihrem MainActivity Klasse und diese Methode aus der onCreate in der Klasse:

public static void setWindowFlag(Activity activity, final int bits, boolean on) {

    Window win = activity.getWindow();
    WindowManager.LayoutParams winParams = win.getAttributes();
    if (on) {
        winParams.flags |= bits;
    } else {
        winParams.flags &= ~bits;
    }
    win.setAttributes(winParams);
}

Dann diesen code in die onCreate Methode der Aktivität:

if (Build.VERSION.SDK_INT >= 19 && Build.VERSION.SDK_INT < 21) {
        setWindowFlag(this, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, true);
    }
    if (Build.VERSION.SDK_INT >= 19) {
        getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
    }
    //make fully Android Transparent Status bar
    if (Build.VERSION.SDK_INT >= 21) {
        setWindowFlag(this, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, false);
        getWindow().setStatusBarColor(Color.TRANSPARENT);
    }

Das ist es!

InformationsquelleAutor parsa dadras

3

Hier ist eine Erweiterung in kotlin, die den trick tun:

fun Activity.setTransparentStatusBar() {
    window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        window.statusBarColor = Color.TRANSPARENT
    }
}

InformationsquelleAutor Felipe Castilhos

3

Komplett Transparenten StatusBar und NavigationBar

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    transparentStatusAndNavigation();
}


private void transparentStatusAndNavigation() {
    //make full transparent statusBar
    if (Build.VERSION.SDK_INT >= 19 && Build.VERSION.SDK_INT < 21) {
        setWindowFlag(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, true);
    }
    if (Build.VERSION.SDK_INT >= 19) {
        getWindow().getDecorView().setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        );
    }
    if (Build.VERSION.SDK_INT >= 21) {
        setWindowFlag(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, false);
        getWindow().setStatusBarColor(Color.TRANSPARENT);
        getWindow().setNavigationBarColor(Color.TRANSPARENT);
    }
}

private void setWindowFlag(final int bits, boolean on) {
    Window win = getWindow();
    WindowManager.LayoutParams winParams = win.getAttributes();
    if (on) {
        winParams.flags |= bits;
    } else {
        winParams.flags &= ~bits;
    }
    win.setAttributes(winParams);
}

InformationsquelleAutor Ahamadullah Saikat

3

Mit diesem code in Ihre XML -, werden Sie in der Lage, um zu sehen, an der bar in Ihre Tätigkeit:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

InformationsquelleAutor Irfan Ali

0

android:fitsSystemWindows="true" nur auf v21. Wir können es in der theme-xml-oder im übergeordneten layout wie LinearLayout oder in CoordinateLayout .
Für unten v21, Wir konnten nicht fügen Sie diese Flagge.
Bitte erstellen Sie unterschiedliche Ordner Werte mit unterschiedlichen style.xml - Datei, wie pro Ihre Notwendigkeit.

InformationsquelleAutor Ashish Saini

0

Können Sie versuchen, dass.

private static void setStatusBarTransparent(Activity activity) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
            } else {
                activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            }
        }

InformationsquelleAutor Faisal Naseer

0

fügen Sie diese Zeilen in Ihre Tätigkeit vor dem setContentView()

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window w = getWindow();
            w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
        }

fügen Sie diese 2 Zeilen in Ihre AppTheme

<item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>

und die Letzte Sache, die Ihr minSdkVersion müssen b 19

    minSdkVersion 19

InformationsquelleAutor Null Pointer Exception

0

Dieser arbeitete für mich:

<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:navigationBarColor">@android:color/transparent</item>
<item name="android:windowTranslucentStatus">false</item>
<item name="android:windowTranslucentNavigation">false</item>

InformationsquelleAutor greifmatthias

0

Alle eine brauchen, ist zu gehen in MainActivity.java

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Window g = getWindow();
        g.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

        setContentView(R.layout.activity_main);

    }

Allerdings bekomme ich etwas Angst Fehler wenn ich starten, nach unten scrollen.

InformationsquelleAutor John

-1

 <item name="android:statusBarColor" tools:targetApi="lollipop">@android:color/transparent</item>
            <!--<item name="android:windowLightStatusBar" tools:targetApi="m">true</item>-->

Nicht windowLightStatusBar verwenden Sie stattdessen statusBarColor = @android:color/transparent

InformationsquelleAutor NickUnuchek

-1

Dies ist nur für API-Ebene >= 21. Es funktioniert für mich.
Hier ist mein code (Kotlin)

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        findViewById<View>(android.R.id.content).systemUiVisibility =
                View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
}

InformationsquelleAutor Capotasto

-1

Sie können auch mein Beispiel mit animierten avatar und animierten text

CollapsingAvatarToolbarSample

Lesen Sie meine post auf Medium

Android-Völlig transparent Status Bar?

Also lasst mich explaine, wie es funktioniert. Ich erstellte benutzerdefinierte Ansicht implementiert AppBarLayout.OnOffsetChangedListener. Innerhalb HeadCollapsing Benutzerdefinierte Ansicht gründete ich text-und image-anzeigen in AppBarLayout.

class HeadCollapsing(context: Context, attrs: AttributeSet?) : 
 FrameLayout(context, attrs), AppBarLayout.OnOffsetChangedListener {

  private fun findViews() {
            appBarLayout = findParentAppBarLayout()

            avatarContainerView = findViewById(R.id.imgb_avatar_wrap)

            titleToolbarText =  findViewById<AppCompatTextView>(id)

        }

  private fun findParentAppBarLayout(): AppBarLayout {
    val parent = this.parent
    return parent as? AppBarLayout ?: if (parent.parent is AppBarLayout) {
        parent.parent as AppBarLayout
    } else {
        throw IllegalStateException("Must be inside an AppBarLayout")
    }
}

  ...

     override fun onOffsetChanged(appBarLayout: AppBarLayout, offset:Int) {
           ...
           //Calculate expanded percentage
           val expandedPercentage = 1 - -offset / maxOffset
           updateViews(expandedPercentage)
     }
}

Dann ändern, Ansichten per berechneten Prozentsatz. Zum Beispiel, wie text
Ansicht ändern:

         when {
                inversePercentage < ABROAD -> {
                    titleToolbarText?.visibility = View.VISIBLE
                    titleTolbarTextSingle?.visibility = View.INVISIBLE
                }

                inversePercentage > ABROAD -> {
                    titleToolbarText?.visibility = View.INVISIBLE
                    titleTolbarTextSingle?.visibility = View.VISIBLE
                    titleTolbarTextSingle?.let {
                        animateShowText(it)
                    }
                }
            }

Erkennen, wenn Sie brauchen, Bild Zusammenbruch animieren erstellt Pair-Objekt

private var cashCollapseState: kotlin.Pair<Int, Int>? = null

Staaten: TO_EXPANDED_STATE, TO_COLLAPSED_STATE, WAIT_FOR_SWITCH, WECHSELTE

  companion object {
        const val ABROAD = 0.95f
        const val TO_EXPANDED_STATE = 0
        const val TO_COLLAPSED_STATE = 1
        const val WAIT_FOR_SWITCH = 0
        const val SWITCHED = 1
    }

dann cretaed animation für den avatar Smit Zustand:

 when {
                cashCollapseState != null && cashCollapseState != state -> {
                    when (state.first) {
                        TO_EXPANDED_STATE -> {
                          //do calculates
                        }
                        TO_COLLAPSED_STATE -> {

                    ValueAnimator.ofFloat(avatarContainerView.translationX, translationX).apply {
                        addUpdateListener {
                            avatarContainerView.translationX = it.animatedValue as Float
                        }

                        duration = 350
                        (state.first == TO_COLLAPSED_STATE).apply {
                            if (this) interpolator = LinearInterpolator()
                        }
                        start()
                    }
                //SWITCH STATE CASE
                cashCollapseState = kotlin.Pair(state.first, SWITCHED)
            }

            else -> {
                cashCollapseState = kotlin.Pair(state.first, WAIT_FOR_SWITCH)
            }

Ich bearbeitet meine Antwort

InformationsquelleAutor Serg Burlaka

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.