MaterialDesign沉浸式設計

一.5.0及以上實現沉浸式狀態欄

方式1:通過設置主題達到,狀態欄的顏色跟隨你的主題里面的colorPrimaryDark屬性。

     <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

方式2:通過代碼實現(只對API 21 及以上才能通過代碼實現),狀態欄顯示為紅色

getWindow().setStatusBarColor(Color.RED);

方式3:通過在主題中設置樣式屬性解決,

    <item name="android:statusBarColor">@color/color_red</item>

二.4.4 小于android 5.0實現沉浸式狀態欄(小于4.4就不能實現),可以設置狀態欄為透明的

方式1:通過在主題中設置樣式屬性解決,(不推薦使用,兼容性不好)

<item name="android:windowTranslucentStatus">true</item>

方式2:在代碼里面解決,設置為透明的屬性(在布局文件中加入Toolbar)

 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
 setContentView(R.layout.activity_main);

出現副作用: APP的內容頂到最上面去了,即狀態欄會遮擋一部分界 面。很坑 解決辦法(有幾種): 1)給Toolbar設置android:fitsSystemWindows="true" 該屬性的作用:設置布局時,是否考慮當前系統窗口的布局,如果為true就會調整整個系統窗口 布局(包括狀態欄的view)以適應你的布局。但是又出現了一個bug,當里面有ScrollView并且ScrollView里面有Edittext的時候,就會出現軟鍵盤一彈起就會把toolbar拉下來,很難看這種辦法有什么價值呢?如果里面沒有ScrollView就可以用。
解決辦法:給布局最外層容器設置android:fitsSystemWindows="true" 可以達到狀態欄透明,并且露出底色---android:windowBackground顏色。
巧妙地解決:步驟:
1.在最外層容器設置android:fitsSystemWindows="true"
2.直接將最外層容器(也可以修改-android:windowBackground顏色)設置成狀態欄想要的顏色
3.下面剩下的布局再包裹一層正常的背景顏色

方式3:在布局文件中添加Toobar,修改Toolbar的高度,步驟:
1.不要給Toolbar設置android:fitsSystemWindows="true"
2.獲取狀態欄的高度.
源碼:

<!-- Height of the status bar -->
<dimen name="status_bar_height">24dp</dimen>
<!-- Height of the bottom navigation / system bar. -->
<dimen name="navigation_bar_height">48dp</dimen>

反射手機運行的類(R類):android.R.dimen.status_bar_height.

3.在布局文件中添加Toobar,給Toolbar設置padding值

代碼:

public class MainActivity extends AppCompatActivity {

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    toolbar.setTitleTextColor(Color.WHITE);

    ViewGroup.LayoutParams params = toolbar.getLayoutParams();

    params.height += getStatusBarHeight(this);
    toolbar.setLayoutParams(params);

    toolbar.setPadding(toolbar.getPaddingLeft(),
                        toolbar.getPaddingTop()+getStatusBarHeight(this),
                        toolbar.getPaddingRight(),
                        toolbar.getPaddingBottom()
            );
}

private int getStatusBarHeight(Context context) {
    int statusBarHeight = -1;
    //反射手機運行的類(R類):android.R.dimen.status_bar_height.
    try {
        Class<?> clazz = Class.forName("com.android.internal.R$dimen");
        Object newInstance = clazz.newInstance();
        String statusBarHeightStr = clazz.getField("status_bar_height").get(newInstance).toString();
        //獲得status_bar_height的id
        int id = Integer.parseInt(statusBarHeightStr);
        //將DP變成px
        statusBarHeight =  context.getResources().getDimensionPixelSize(id);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return statusBarHeight;
}

}
布局文件:

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    app:title="網易新聞"
    android:background="@color/colorPrimaryDark"
    android:layout_width="match_parent"
    android:layout_height="?actionBarSize">
</android.support.v7.widget.Toolbar>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World!"/>
</LinearLayout>

BaseActivity的封裝:

public class BaseActivity extends AppCompatActivity {

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT <Build.VERSION_CODES.LOLLIPOP){
        //在[4.4 , 5.0)設置狀態欄為透明
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
    super.onCreate(savedInstanceState);

}

public void setOrChangeTransluentBar(Toolbar toolbar,int statusBarColor){
    toolbar.setBackgroundColor(statusBarColor);
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT <Build.VERSION_CODES.LOLLIPOP){
        //在[4.4 , 5.0)設置狀態欄為透明
        ViewGroup.LayoutParams params = toolbar.getLayoutParams();
        params.height += getStatusBarHeight(this);

        toolbar.setLayoutParams(params);
        toolbar.setPadding(toolbar.getPaddingLeft(),
                            toolbar.getPaddingTop()+getStatusBarHeight(this),
                            toolbar.getPaddingRight(),
                            toolbar.getPaddingBottom()
                );
    }

}


private int getStatusBarHeight(Context context) {
    int statusBarHeight = -1;
    //反射手機運行的類(R類):android.R.dimen.status_bar_height.
    try {
        Class<?> clazz = Class.forName("com.android.internal.R$dimen");
        Object newInstance = clazz.newInstance();
        String statusBarHeightStr = clazz.getField("status_bar_height").get(newInstance).toString();
        //獲得status_bar_height的id
        int id = Integer.parseInt(statusBarHeightStr);
        //將DP變成px
        statusBarHeight =  context.getResources().getDimensionPixelSize(id);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return statusBarHeight;
}

}
主題:

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

在4.4上運行效果圖:

4.4.JPG

在6.0上運行效果圖

6.0.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,517評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,087評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,521評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,493評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,207評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,603評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,624評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,813評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,364評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,110評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,305評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,874評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,532評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,953評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,209評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,033評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,268評論 2 375

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,693評論 25 708
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,489評論 0 17
  • #白馬聲慢,我自手書# 這一次是校園戀愛的故事,其實真的沒準備好寫什么真的很糾結。因為我的文章寫的沒那么美,...
    186194bb387f閱讀 73評論 0 0
  • “盡全力去愛一個人,是不會有好下場的。你的底牌被看穿,你的缺點不計其數,他越來越覺得你毫無魅力,開始對你挑三揀四。...
    夢槑閱讀 376評論 1 4
  • 昏黃的沙塵里 沒有一絲風 只有沉默的北京 模糊的畫面中 沒有呼吸聲 只有麻木的表情 渾濁的天空 慢慢下沉 窒息著 ...
    林夕敬閱讀 546評論 15 6