整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Android沉浸式狀態(tài)欄實(shí)現(xiàn)

          應(yīng)用市場上App越來越多的出現(xiàn)沉浸式狀態(tài)欄的設(shè)計(如下圖所示)狀態(tài)欄和導(dǎo)航欄具有相同的顏色。Android在4.4開始對于該種效果的支持,而在4.4之下,狀態(tài)欄只是黑框,無法控制。同時在4.4和5.0及其之上的版本對該種效果的支持又有所差異,因此要實(shí)現(xiàn)該種效果,可以將4.4歸為一類,5.0及其之上歸為一類。接下來,我們將一步步來在4.4和5.0及其之上來實(shí)現(xiàn)如下所示效果。

          導(dǎo)航欄問題

          在Android中,頂部導(dǎo)航欄目前常用的兩種實(shí)現(xiàn)方式,一個是通過Toolbar,一個是通過自定義View的方式來實(shí)現(xiàn)。兩種方式各有利弊。Toolbar為官方指定規(guī)范,開發(fā)者使用更方便,但可拓展性差,對于一些特殊的展示效果無法實(shí)現(xiàn),而通過自定義方式的方式,可以支持更多展示效果,但卻需要我們寫更多的代碼。兩種方式在實(shí)現(xiàn)狀態(tài)欄沉浸上也有所差別。

          去掉Title

          因此在使用Toolbar 的時候,我們需要style中添加如下屬性配置

          true

          當(dāng)然我們也可以通過代碼動態(tài)去掉title,但當(dāng)我們的主題從Theme.作為父類繼承的時候,通過代碼并不可以去掉title。

          當(dāng)我們未設(shè)置屬性的時候,在導(dǎo)航欄之上有title。顯然和我們要實(shí)現(xiàn)導(dǎo)航欄的沉浸式有所違背,因此實(shí)現(xiàn)對于導(dǎo)航欄的沉浸,

          true該配置是必不可少的。

          設(shè)置狀態(tài)欄透明

          去掉title之后,是否我們就可以實(shí)現(xiàn)上述的效果了呢?

          這個時候,我們發(fā)現(xiàn)狀態(tài)欄還是黑色,并沒有沉浸,需要我們將狀態(tài)欄設(shè)置為透明。

          true
          

          該屬性只有在在4.4和高于4.4版本上可以進(jìn)行該屬性的配置,但是在更低版本上則無法使用。配置該屬性之后,執(zhí)行效果如下圖所示。

          解決導(dǎo)航欄上移問題

          這個時候,Toolbar被整體上移了,導(dǎo)致其部分功能也進(jìn)入了狀態(tài)欄之下,包括導(dǎo)航欄的內(nèi)容也到了狀態(tài)欄位置之中,顯然這是不符合我們最初的要求的。如何解決這個問題?我們在Toolbar中添加屬性,即可使得toolbar的上部空出一個高度,使得Toolbar內(nèi)容部分脫離狀態(tài)欄。

           
              
          

          得到我們最終想要得到的效果

          自定義導(dǎo)航欄與之實(shí)現(xiàn)類似。

          屬性

          前面對Toolbar的設(shè)置是在Toolbar中添加的屬性,那么當(dāng)我們將其屬性添加到Toolbar所在的最外層的布局會怎么樣呢?

          android 沉浸式通知欄_沉浸式狀態(tài)欄xposed模塊_手機(jī)的沉浸式狀態(tài)欄

          xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.example.netease.toolbardemo.activity.ToolbarActivity">

          執(zhí)行之后,可以看到和之前未設(shè)置狀態(tài)欄透明時的效果相同。

          那么這個工作的原理是什么呢?通過上述實(shí)驗(yàn),不難發(fā)現(xiàn),對于沉浸狀態(tài)欄的控制,該屬性起到了一個很關(guān)鍵的作用。

          接下來通過一個實(shí)驗(yàn)來驗(yàn)證下,該屬性所起的作用,在Toolbar所在的布局中,在布局的底部添加一個Button.

          
              
              

          當(dāng)我們將該屬性設(shè)置到按鈕上,又會發(fā)生什么呢?

           

          通過比較可以很明顯的看出,設(shè)置了屬性的View在其上部被設(shè)置了一個padding。根據(jù)之前做的實(shí)驗(yàn),我們可以知道當(dāng)我們設(shè)置了窗口狀態(tài)欄透明之后,整個內(nèi)容視圖會向上移動了一個狀態(tài)欄的高度,而當(dāng)前為該View增加的padding的大小是不是和其高度相同呢?

           Button btn = (Button) findViewById(R.id.test_btn);
           Log.i("padding", btn.getPaddingTop()+"");
           Rect frame = new Rect();
           getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
           Log.i("height", frame.top+"");

          獲取按鈕的padding高度和狀態(tài)欄的高度,我們可以得到如下日志。

          通過實(shí)驗(yàn)我們可以得出結(jié)論,屬性會對所設(shè)置的View增加一個top padding,因此當(dāng)我們在實(shí)現(xiàn)讓導(dǎo)航欄沉浸的時候,設(shè)置窗口狀態(tài)欄的透明會使得視圖整體上移,而借助屬性的功能,為視圖中最頂部的View設(shè)置一個和狀態(tài)欄高度相同的padding,使得導(dǎo)航欄不會被頂?shù)綘顟B(tài)欄內(nèi)。

          當(dāng)我們在一個視圖中,多個View設(shè)置該屬性時,發(fā)現(xiàn)只有第一個設(shè)置該屬性的View會起作用,在視圖布局上,自上而下的第一個View其作用。層級上則為最頂級的View上首先其作用。因此其功能歸納為:

          5.0及其以上

          至此,我們可以完美的實(shí)現(xiàn)一個狀態(tài)欄的沉浸,上述的實(shí)現(xiàn)是在Android 4.4版本上,在視圖的最上部,會有一個黑色漸變的陰影,而在5.0設(shè)備上的展示效果如下所示,在狀態(tài)欄上整個都會有一個陰影。當(dāng)然不同廠家對此也有自己的一些優(yōu)化,比如魅族在4.4上是不具有陰影的。

          對于5.0及其之上,官方提供了對狀態(tài)欄顏色控制的相應(yīng)API,我們可以通過代碼來控制狀態(tài)欄的顏色,實(shí)現(xiàn)如下效果。

          實(shí)現(xiàn)代碼

            if(Build.VERSION.SDK_INT >= 21) {
                      Window window = getWindow();
                      //取消設(shè)置透明狀態(tài)欄,使 ContentView 內(nèi)容不再沉浸到狀態(tài)欄下
                      window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                      //需要設(shè)置這個 flag 才能調(diào)用 setStatusBarColor 來設(shè)置狀態(tài)欄顏色
                      window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                      //設(shè)置狀態(tài)欄顏色
                      window.setStatusBarColor(getResources().getColor(R.color.yx_red));
                  }

          據(jù)此可以看出,當(dāng)我們在5.0及其之上的實(shí)現(xiàn)中,可以不用進(jìn)行狀態(tài)欄透明的設(shè)置和屬性的設(shè)置,直接通過代碼來控制,但為了適應(yīng)4.4版本,建議在代碼中仍然按之前的方式實(shí)現(xiàn),如果想在5.0及其高版本中實(shí)現(xiàn)去陰影,再手動在代碼中控制。


          主站蜘蛛池模板: 国产亚洲自拍一区| 国产伦精品一区二区三区无广告| 亚洲视频一区二区三区| 国产精品伦子一区二区三区| 日韩人妻无码一区二区三区| 国产成人一区二区三区精品久久| 综合无码一区二区三区| 免费国产在线精品一区| 国产精品无码亚洲一区二区三区| 无码国产精品一区二区免费式影视| 精品国产一区二区三区2021| 亚洲中文字幕丝袜制服一区| 国产一区二区在线|播放| 中日韩一区二区三区| 国产一区二区精品在线观看| 国精产品999一区二区三区有限| 亚洲一区二区三区免费在线观看 | 风流老熟女一区二区三区| 久久一区二区三区精华液使用方法| 亚洲一区二区三区不卡在线播放| 91精品国产一区| 国产伦精品一区二区三区不卡 | 日本精品视频一区二区| 精品一区二区三区在线播放| 中文字幕一区二区三区免费视频| 久久精品国产免费一区| 无码一区二区三区AV免费| 激情综合丝袜美女一区二区| 中文无码精品一区二区三区| 国产一区二区三区高清在线观看 | 中文字幕日韩一区二区三区不卡| 69福利视频一区二区| 亚洲一区中文字幕在线观看| 国模精品一区二区三区视频| 精品久久久久一区二区三区| 色窝窝无码一区二区三区成人网站| 精品一区精品二区制服| 视频一区二区在线观看| 国产日本一区二区三区| 久久久久人妻精品一区三寸蜜桃| 国产精品一区二区久久不卡|