Прозора панель стану Android та панель дій


97

Я провів кілька досліджень на цю тему, і не зміг знайти повного рішення, тому крок за кроком і з деякими спробами та помилками я нарешті з'ясував, як можна досягти цих результатів: маючи прозорий або кольоровий Actionbarі Statusbar. Дивіться мою відповідь нижче.

Відповіді:


238

Я розробляю додаток, який повинен виглядати схоже на всіх пристроях із> = API14, коли мова йде про налаштування панелі дій та статусу. Нарешті я знайшов рішення, і оскільки це зайняло небагато мого часу, я поділюся ним, щоб зберегти частину вашого. Почнемо з використання залежності appcompat-21.

Прозора панель дій :

величини / 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>

Тепер ви можете використовувати ці теми у своїх, AndroidManifest.xmlщоб вказати, які дії матимуть прозорий або кольоровий ActionBar:

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

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

введіть тут опис зображення введіть тут опис зображення введіть тут опис зображення введіть тут опис зображення введіть тут опис зображення

Примітка: в API> = 21 для отримання Actionbarпрозорого вам також потрібно отримати Statusbarпрозорий, інакше не буде поважати ваші кольорові стилі та залишатиметься світло-сірим.



Прозора панель стану (працює лише з API> = 19) :
ця досить проста, просто використовуйте наступний код:

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

Але ви помітите прикольний результат: введіть тут опис зображення

Це відбувається тому, що коли Statusbarпрозорий макет використовуватиме його висоту. Щоб цього не допустити, нам просто потрібно:

РІШЕННЯ ONE:
Додайте цей рядок android:fitsSystemWindows="true"в ваш макет вид контейнера , що ви хочете бути розташований нижче в ActionBar:

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

РЕШЕННЯ ДВОЕ:
Додайте кілька рядків до нашого попереднього методу:

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);
        }
    }

Де R.id.bellow_actionbarбуде розміщуватися ідентифікатор перегляду контейнера макета того, що ми хочемо розмістити нижче Actionbar:

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

введіть тут опис зображення

Так це воно, здається, я щось не забуваю. У цьому прикладі я не використовував, Toolbarале думаю, що це матиме такий же результат. Ось як я налаштовую 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);
    }

Примітка: це abstract classщо розширює ActionBarActivity
Хоуп це допомагає!


9
Ви дійсно повинні використовувати android: fitsSystemWindows, якщо ви хочете переконатися, що ваш погляд не знаходиться під прозорою панеллю стану.
ianhanniballake

1
Це абсолютно правильно, я переглядав свій код, і я також його використовую. Не знаю, я пропустив це в цьому прикладі. Я його оновлю, дякую!
GuilhE

4
Тут вам не вистачає MyScreenUtils.getStatusBarHeight(this) відповіді stackoverflow.com/a/3410200/1307690
Роман Назаревич

1
чи є спосіб зробити його напівпрозорим і не повністю прозорим? Я на 23
квітня

6
Щоб отримати прозорий статусBar Works, мені потрібно було додати FLAG_LAYOUT_NO_LIMITS Прапор, поставивши код getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);після цьогоgetWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
Eduardo ER

3

Він підтримує після KITKAT. Просто додайте наступний код всередину onCreate метод своєї діяльності. Не потрібно змінювати файл Manifest.

 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
Це робить панель навігації також прозорою
NOlivNeto

0

Просто додайте ці рядки коду до вашої ява-файлу активності / фрагмента:

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.