Android şeffaf durum çubuğu ve eylem çubuğu

Bu konuda birkaç araştırma yaptım ve tam bir çözüm bulamadım, bu yüzden adım adım ve biraz deneme yanılma ile nihayet bu sonuçlara nasıl ulaşabileceğimizi buldum: şeffaf veya renkli Actionbarve Statusbar. Cevabımı aşağıda görün.

İşlem çubuğu ve durum çubuğu özelleştirmesi söz konusu olduğunda> = API14 ile tüm cihazlarda benzer görünmesi gereken bir uygulama geliştiriyorum. Sonunda bir çözüm buldum ve biraz zamanımı aldığından, sizinkini kurtarmak için onu paylaşacağım. Bir appcompat-21 bağımlılığı kullanarak başlıyoruz.

Şeffaf Eylem Çubuğu :

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>

değerler-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>

Artık AndroidManifest.xmlhangi etkinliklerin şeffaf veya renkli olacağını belirlemek için bu temaları kullanabilirsiniz ActionBar:

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

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

Not: API> = 21'de Actionbarşeffaf olanı elde etmek için şeffaf olanı da almanız gerekir Statusbar, aksi takdirde renk stillerinize saygı göstermez ve açık gri kalır.

Şeffaf Durum Çubuğu (yalnızca API> = 19 ile çalışır) :
Bu oldukça basit, sadece aşağıdaki kodu kullanın:

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

Ancak ilginç bir sonuç fark edeceksiniz:

Bunun nedeni Statusbar, şeffaf olduğunda düzen yüksekliğini kullanacaktır. Bunu önlemek için sadece şunları yapmamız gerekiyor:

BİRİNCİ ÇÖZÜM:
Bu satırı android:fitsSystemWindows="true", Eylem çubuğunun altına yerleştirmek istediğiniz her şeyin düzen görünümü kabına ekleyin:

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

İKİNCİ ÇÖZÜM:
Önceki yöntemimize birkaç satır ekleyin:

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_actionbarAşağıya yerleştirilmek istediğimiz şeyin düzen kapsayıcı görünümü kimliği nerede olacak Actionbar:

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

Yani bu, bir şeyi unutmadığımı düşünüyorum. Bu örnekte a kullanmadım Toolbarama aynı sonuca sahip olacağını düşünüyorum. Bu şekilde kişiselleştiriyorum 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);
    }

Not: Bu, yardımcı abstract classolacağını umduğumuz bir şeydir ActionBarActivity
!

KITKAT'tan sonra destekler. Aktivitenizin onCreate yönteminin içine aşağıdaki kodu eklemeniz yeterlidir. Manifest dosyasında herhangi bir değişikliğe gerek yok.

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

Şu kod satırlarını etkinlik / parça java dosyanıza eklemeniz yeterlidir:

getWindow().setFlags(
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
    WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
);