it-swarm.com.ru

Android прозрачная строка состояния и панель действий

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

91
GuilhE

Я разрабатываю приложение, которое должно выглядеть одинаково на всех устройствах с> = 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>


значения-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"/>

enter image description hereenter image description hereenter image description hereenter image description hereenter image description here

Примечание: в 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);
        }
    }

Но вы заметите интересный результат: enter image description here

Это происходит потому, что когда Statusbar прозрачен, макет будет использовать его высоту. Чтобы предотвратить это, нам просто нужно:

РЕШЕНИЕ ОДИН:
Добавьте эту строку Android:fitsSystemWindows="true" в контейнер макета того, что вы хотите разместить под панелью действий:

    ...
        <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>
...

enter image description here

Вот и все, кажется, я не забываю что-то. В этом примере я не использовал 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
Надеюсь, поможет!

230
GuilhE

Поддерживает после KitKat. Просто добавьте следующий код в метод onCreate вашей Activity. Нет необходимости вносить изменения в файл манифеста.

 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);
            }
1
Indika Ruwan Senavirathne