แถบสถานะโปร่งใสของ Android และแถบการดำเนินการ

ฉันได้ทำวิจัยไม่กี่ในหัวข้อนี้และฉันไม่สามารถหาโซลูชั่นที่สมบูรณ์เพื่อให้ขั้นตอนโดยขั้นตอนและมีการทดลองและข้อผิดพลาดในที่สุดผมก็หาวิธีที่เราสามารถบรรลุผลเหล่านี้: มีความโปร่งใสหรือสีและActionbar Statusbarดูคำตอบของฉันร้อง

ฉันกำลังพัฒนาแอปที่ต้องมีลักษณะคล้ายกันในทุกอุปกรณ์ที่มี> = API14 เมื่อพูดถึงการปรับแต่งแถบการทำงานและแถบสถานะ ในที่สุดฉันก็พบวิธีแก้ปัญหาและเนื่องจากต้องใช้เวลาพอสมควรฉันจะแบ่งปันเพื่อช่วยชีวิตคุณ เราเริ่มต้นด้วยการใช้ appcompat-21 dependency

แถบการดำเนินการโปร่งใส :

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>

ค่า -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ความโปร่งใสด้วยมิฉะนั้นจะไม่เคารพสไตล์สีของคุณและจะยังคงเป็นสีเทาอ่อน

ใส 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เค้าโครงโปร่งใสจะใช้ความสูง เพื่อป้องกันสิ่งนี้เราจำเป็นต้อง:

วิธีแก้ปัญหาที่หนึ่ง:
เพิ่มบรรทัดนี้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>
...

นี่สินะที่คิดว่าฉันยังไม่ลืมอะไรบางอย่าง ในตัวอย่างนี้ฉันไม่ได้ใช้ a 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
หวังว่ามันจะช่วยได้!

รองรับหลังจาก 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);
            }

เพียงเพิ่มโค้ดเหล่านี้ลงในไฟล์ java activity / fragment ของคุณ:

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