MaterialDesign沉浸式設(shè)計(jì)

一.5.0及以上實(shí)現(xiàn)沉浸式狀態(tài)欄

方式1:通過(guò)設(shè)置主題達(dá)到,狀態(tài)欄的顏色跟隨你的主題里面的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:通過(guò)代碼實(shí)現(xiàn)(只對(duì)API 21 及以上才能通過(guò)代碼實(shí)現(xiàn)),狀態(tài)欄顯示為紅色

getWindow().setStatusBarColor(Color.RED);

方式3:通過(guò)在主題中設(shè)置樣式屬性解決,

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

二.4.4 小于android 5.0實(shí)現(xiàn)沉浸式狀態(tài)欄(小于4.4就不能實(shí)現(xiàn)),可以設(shè)置狀態(tài)欄為透明的

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

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

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

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

出現(xiàn)副作用: APP的內(nèi)容頂?shù)阶钌厦嫒チ诵懔猓礌顟B(tài)欄會(huì)遮擋一部分界 面翎苫。很坑 解決辦法(有幾種): 1)給Toolbar設(shè)置android:fitsSystemWindows="true" 該屬性的作用:設(shè)置布局時(shí),是否考慮當(dāng)前系統(tǒng)窗口的布局族吻,如果為true就會(huì)調(diào)整整個(gè)系統(tǒng)窗口 布局(包括狀態(tài)欄的view)以適應(yīng)你的布局捏境。但是又出現(xiàn)了一個(gè)bug,當(dāng)里面有ScrollView并且ScrollView里面有Edittext的時(shí)候峻村,就會(huì)出現(xiàn)軟鍵盤(pán)一彈起就會(huì)把toolbar拉下來(lái),很難看這種辦法有什么價(jià)值呢钠糊?如果里面沒(méi)有ScrollView就可以用挟秤。
解決辦法:給布局最外層容器設(shè)置android:fitsSystemWindows="true" 可以達(dá)到狀態(tài)欄透明,并且露出底色---android:windowBackground顏色眠蚂。
巧妙地解決:步驟:
1.在最外層容器設(shè)置android:fitsSystemWindows="true"
2.直接將最外層容器(也可以修改-android:windowBackground顏色)設(shè)置成狀態(tài)欄想要的顏色
3.下面剩下的布局再包裹一層正常的背景顏色

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

<!-- 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>

反射手機(jī)運(yùn)行的類(lèi)(R類(lèi)):android.R.dimen.status_bar_height.

3.在布局文件中添加Toobar,給Toolbar設(shè)置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;
    //反射手機(jī)運(yùn)行的類(lèi)(R類(lèi)):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="網(wǎng)易新聞"
    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)設(shè)置狀態(tài)欄為透明
        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)設(shè)置狀態(tài)欄為透明
        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;
    //反射手機(jī)運(yùn)行的類(lèi)(R類(lèi)):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上運(yùn)行效果圖:

4.4.JPG

在6.0上運(yùn)行效果圖

6.0.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末煞聪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子逝慧,更是在濱河造成了極大的恐慌昔脯,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笛臣,死亡現(xiàn)場(chǎng)離奇詭異云稚,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)沈堡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)静陈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人诞丽,你說(shuō)我怎么就攤上這事鲸拥。” “怎么了僧免?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵刑赶,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我懂衩,道長(zhǎng)撞叨,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任浊洞,我火速辦了婚禮牵敷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘法希。我一直安慰自己枷餐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布苫亦。 她就那樣靜靜地躺著毛肋,像睡著了一般奕锌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上村生,一...
    開(kāi)封第一講書(shū)人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音饼丘,去河邊找鬼趁桃。 笑死,一個(gè)胖子當(dāng)著我的面吹牛肄鸽,可吹牛的內(nèi)容都是我干的卫病。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼典徘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蟀苛!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起逮诲,我...
    開(kāi)封第一講書(shū)人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤帜平,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后梅鹦,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體裆甩,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年齐唆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了嗤栓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡箍邮,死狀恐怖茉帅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锭弊,我是刑警寧澤堪澎,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站廷蓉,受9級(jí)特大地震影響全封,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜桃犬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一刹悴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧攒暇,春花似錦土匀、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)证杭。三九已至,卻和暖如春妒御,著一層夾襖步出監(jiān)牢的瞬間解愤,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工乎莉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留送讲,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓惋啃,卻偏偏與公主長(zhǎng)得像哼鬓,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子边灭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,074評(píng)論 25 707
  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程异希,因...
    小菜c閱讀 6,401評(píng)論 0 17
  • #白馬聲慢,我自手書(shū)# 這一次是校園戀愛(ài)的故事绒瘦,其實(shí)真的沒(méi)準(zhǔn)備好寫(xiě)什么真的很糾結(jié)称簿。因?yàn)槲业奈恼聦?xiě)的沒(méi)那么美,...
    186194bb387f閱讀 70評(píng)論 0 0
  • “盡全力去愛(ài)一個(gè)人,是不會(huì)有好下場(chǎng)的善茎。你的底牌被看穿券册,你的缺點(diǎn)不計(jì)其數(shù),他越來(lái)越覺(jué)得你毫無(wú)魅力垂涯,開(kāi)始對(duì)你挑三揀四烁焙。...
    夢(mèng)槑閱讀 359評(píng)論 1 4
  • 昏黃的沙塵里 沒(méi)有一絲風(fēng) 只有沉默的北京 模糊的畫(huà)面中 沒(méi)有呼吸聲 只有麻木的表情 渾濁的天空 慢慢下沉 窒息著 ...
    林夕敬閱讀 544評(píng)論 15 6