web-dev-qa-db-ja.com

Android透明なステータスバーとアクションバー

私はこのトピックに関するいくつかの研究を行ったが、完全な解決策を見つけることができなかったので、ステップバイステップでいくつかの試行錯誤を重ねて、これらの結果を達成する方法を最終的に見つけました：透明または色付きのActionbarとStatusbar 。以下の私の答えをご覧ください。

androidandroid-actionbarandroid-toolbarandroid-appcompatandroid-statusbar
91
GuilhE

アクションバーとステータスバーのカスタマイズに関しては、> = API14を持つすべてのデバイスで似ている必要があるアプリケーションを開発しています。私はようやく解決策を見つけました、そしてそれは私の時間の少し時間がかかったので私はあなたの何人かを救うためにそれを共有するつもりです。まずappcompat-21依存関係を使うことから始めます。

透明アクションバー：

values/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"/>

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

注：Actionbarを透明にするには、API> = 21で、Statusbarを透明にする必要があります。そうしないと、カラースタイルが尊重されず、薄いグレーのままになります。



Transparent 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が透明の場合、レイアウトはその高さを使用するために発生します。これを防ぐために必要なことは以下のとおりです。

SOLUTION ONE：
レイアウトビューのコンテナに、アクションバーの下に配置したいものを何でも入れて、この行Android:fitsSystemWindows="true"を追加します。

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

SOLUTION TWO：
以前の方法に数行を追加します。

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の下に配置したいものすべてのレイアウトコンテナビューIDになります。

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

注：これはActionBarActivityを拡張するabstract classです。
それが役に立てば幸い！

230
GuilhE

KitKat以降に対応しています。アクティビティのonCreateメソッド内に次のコードを追加するだけです。マニフェストファイルを変更する必要はありません。

 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