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


97

私はこのトピックに関するいくつかの研究を行ってきたと私は、そう段階的に完全なソリューションを見つけることができませんでしたし、いくつかの試行錯誤で、私は最終的にどのように我々は、これらの結果を達成することができます見つける:透明または着色ActionbarStatusbar。以下の私の答えを参照してください。

回答:


238

アクションバーとステータスバーのカスタマイズに関しては、> = 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"/>

ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください

注: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が透明の場合、レイアウトがその高さを使用するために発生します。これを防ぐには、次のことを行う必要があります。

SOLUTION ONE:
この行を追加します。android:fitsSystemWindows="true"あなたはアクションバー怒鳴る置くことにしたいものは何でもあなたのレイアウトビューコンテナに:

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

ソリューション2:
前のメソッドに数行追加します。

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に配置したいもののレイアウトコンテナビューIDはどこにありますか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);
    }

注:これは、 Hope abstract classを拡張ActionBarActivity
するものです。


9
ビューが透明なステータスバーの下にないことを確認したい場合は、android:fitsSystemWindowsを実際に使用する必要があります。
ianhanniballake 2015

1
それは完全に正しいです。私は自分のコードをレビューしていて、私もこれを使用しています。この例では見逃したことを知らない。更新します、ありがとう!
GuilhE 2015

4
あなたがMyScreenUtils.getStatusBarHeight(this) ここに欠けているのが答えですstackoverflow.com/a/3410200/1307690
Roman Nazarevych

1
それを半透明にして完全に透明にしない方法はありますか?私はAPI 23を利用しています
16

6
透明ステータスバーワークス私は追加する必要が取得するFLAG_LAYOUT_NO_LIMITS コードを入れて、旗をgetWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);その後getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
エドゥアルドER

3

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

9
これにより、ナビゲーションバーも透明になります
NOlivNeto 2017年

0

以下のコード行をアクティビティ/フラグメントJavaファイルに追加するだけです。

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.