Przezroczysty pasek stanu i pasek akcji systemu Android


Odpowiedzi:


238

Tworzę aplikację, która musi wyglądać podobnie na wszystkich urządzeniach z> = API14, jeśli chodzi o dostosowywanie paska akcji i paska stanu. W końcu znalazłem rozwiązanie, a ponieważ zajęło mi to trochę czasu, podzielę się nim, aby uratować niektóre z Twoich. Zaczynamy od użycia zależności appcompat-21.

Przezroczysty pasek akcji :

wartości / styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="android:windowContentOverlay">@null</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="windowActionBarOverlay">false</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>


values-v21 / styles.xml :

<style name="AppTheme" parent="Theme.AppCompat.Light">
    ...
</style>

<style name="AppTheme.ActionBar.Transparent" parent="AppTheme">
    <item name="colorPrimary">@android:color/transparent</item>
</style>

<style name="AppTheme.ActionBar" parent="AppTheme">
    <item name="colorPrimaryDark">@color/bg_colorPrimaryDark</item>
    <item name="colorPrimary">@color/default_yellow</item>
</style>

Teraz możesz użyć tych motywów w swoim, AndroidManifest.xmlaby określić, które działania będą miały przezroczysty lub kolorowy ActionBar:

    <activity
            android:name=".MyTransparentActionbarActivity"
            android:theme="@style/AppTheme.ActionBar.Transparent"/>

    <activity
            android:name=".MyColoredActionbarActivity"
            android:theme="@style/AppTheme.ActionBar"/>

wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj wprowadź opis obrazu tutaj

Uwaga: w API> = 21, aby uzyskać Actionbarprzezroczystość, musisz również uzyskać Statusbarprzezroczystość, w przeciwnym razie nie będzie przestrzegać twoich stylów kolorów i pozostanie jasnoszary.



Przezroczysty pasek stanu (działa tylko z API> = 19) :
Ten jest dość prosty, wystarczy użyć następującego kodu:

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

Ale zauważysz fajny wynik: wprowadź opis obrazu tutaj

Dzieje się tak, ponieważ gdy Statusbarjest przezroczysty, układ użyje swojej wysokości. Aby temu zapobiec, wystarczy:

ROZWIĄZANIE PIERWSZE:
Dodaj tę linię android:fitsSystemWindows="true"w kontenerze widoku układu, cokolwiek chcesz umieścić poniżej paska akcji:

    ...
        <LinearLayout
                android:fitsSystemWindows="true"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
            ...
        </LinearLayout>
    ...

ROZWIĄZANIE DRUGIE:
Dodaj kilka wierszy do naszej poprzedniej metody:

protected void setStatusBarTranslucent(boolean makeTranslucent) {
        View v = findViewById(R.id.bellow_actionbar);
        if (v != null) {
            int paddingTop = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT ? MyScreenUtils.getStatusBarHeight(this) : 0;
            TypedValue tv = new TypedValue();
            getTheme().resolveAttribute(android.support.v7.appcompat.R.attr.actionBarSize, tv, true);
            paddingTop += TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics());
            v.setPadding(0, makeTranslucent ? paddingTop : 0, 0, 0);
        }

        if (makeTranslucent) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        } else {
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

Gdzie R.id.bellow_actionbarbędzie identyfikator widoku kontenera układu wszystkiego, co chcemy umieścić poniżej Actionbar:

...
    <LinearLayout
            android:id="@+id/bellow_actionbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        ...
    </LinearLayout>
...

wprowadź opis obrazu tutaj

Więc to jest to, myślę, że czegoś nie zapomnę. W tym przykładzie nie użyłem a, Toolbarale myślę, że da to ten sam wynik. W ten sposób dostosowuję moje Actionbar:

@Override
    protected void onCreate(Bundle savedInstanceState) {
        View vg = getActionBarView();
        getWindow().requestFeature(vg != null ? Window.FEATURE_ACTION_BAR : Window.FEATURE_NO_TITLE);

        super.onCreate(savedInstanceState);
        setContentView(getContentView());

        if (vg != null) {
            getSupportActionBar().setCustomView(vg, new ActionBar.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            getSupportActionBar().setDisplayShowCustomEnabled(true);
            getSupportActionBar().setDisplayShowHomeEnabled(false);
            getSupportActionBar().setDisplayShowTitleEnabled(false);
            getSupportActionBar().setDisplayUseLogoEnabled(false);
        }
        setStatusBarTranslucent(true);
    }

Uwaga: to jest abstract classrozszerzenie ActionBarActivity
Mam nadzieję, że pomaga!


9
Naprawdę powinieneś używać android: fitSystemWindows, jeśli chcesz mieć pewność, że Twój widok nie znajduje się pod przezroczystym paskiem stanu.
ianhanniballake

1
Zgadza się, przeglądałem swój kod i też go używam. Nie wiem, że przegapiłem to w tym przykładzie. Zaktualizuję to, dzięki!
GuilhE

4
Brakuje Ci MyScreenUtils.getStatusBarHeight(this) odpowiedzi stackoverflow.com/a/3410200/1307690
Roman Nazarevych

1
czy istnieje sposób, aby był półprzezroczysty i nie w pełni przezroczysty? Jestem na api 23
aks

6
Aby uzyskać Transparent StatusBar Works, musiałem dodać FLAG_LAYOUT_NO_LIMITS Flagę, umieszczając getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);po tym kodgetWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
Eduardo ER

3

Obsługuje po KITKAT. Po prostu dodaj poniższy kod w metodzie onCreate Twojego Activity. Nie potrzeba żadnych modyfikacji pliku manifestu.

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                Window w = getWindow(); // in Activity's onCreate() for instance
                w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
            }

9
To sprawia, że ​​pasek nawigacji jest również przezroczysty
NOlivNeto

0

Po prostu dodaj te linie kodu do swojego pliku aktywności / fragmentu java:

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.