沉浸模式和透明狀態欄筆記

郭神又出老少咸宜的神文《Android狀態欄微技巧,帶你真正理解沉浸式模式》,文中,將流行的狀態欄自定義顏色(包括透明效果)與沉浸式模式(Immersive Mode)兩個概念區分開來,而且還分析和提供了實現二者效果的思路和代碼。總結筆記如下圖片是郭神文章裏的。

沉浸式模式

這裏寫圖片描述

1. Android 4.4及以上系統才支持沉浸式模式

2. 一般是用於遊戲或者視頻的應用內容全屏化界面顯示效果,此時沒有頂部顯示網絡電量和時間的StatueBar、沒有ActionBar、也沒有底部的NavigationBar;

3. 此模式在在StatueBar/NavigationBar附近做滑動拉出效果時,會以半透明覆蓋形式出現StatueBar/NavigationBar,因此是不會影響全屏內容效果的大小,而且一段時間後會再次隱藏StatueBar/NavigationBar,恢復全屏效果。

4. 實現代碼如下

public class Immersive ModeActivity extends AppCompatActivity {
    private View decorView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_immersive_mode);
    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);

        if(!hasFocus || Build.VERSION.SDK_INT < 19) return;
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_FULLSCREEN
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }
}

透明的狀態欄和導航欄

這裏寫圖片描述

1. Android 5.0及以上系統才支持透明狀態欄效果

2. 應用內容是覆蓋整個屏幕,包括StatueBar/NavigationBar的背景,獲得同一的界面效果。

3. 實現代碼如下:

public class TransparentBarActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_transparent_bar);

        //Android 5.0及以上系統才實現此功能.
        if(Build.VERSION.SDK_INT < 21) return;
        /*
        DecorView
              --> 設置系統UI可見性
              --> 應用的主體內容佔用系統狀態欄的空間, 兩個Flag需要連用,再用一個隱藏導航欄Flag,表示主題內容佔用導航欄控件
        */
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN
                 | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                 | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
        //將狀態欄和導航欄設置成透明色
        getWindow().setStatusBarColor(Color.TRANSPARENT);
        getWindow().setNavigationBarColor(Color.TRANSPARENT);
        //隱藏ActionBar
        getSupportActionBar().hide();
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章