這篇“Android中如何實(shí)現(xiàn)沉浸式狀態(tài)欄效果”文章的知識點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Android中如何實(shí)現(xiàn)沉浸式狀態(tài)欄效果”文章吧。
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鄱陽免費(fèi)建站歡迎大家使用!導(dǎo)航欄問題
在Android中,頂部導(dǎo)航欄目前常用的兩種實(shí)現(xiàn)方式,一個(gè)是通過Toolbar,一個(gè)是通過自定義View的方式來實(shí)現(xiàn)。兩種方式各有利弊。Toolbar為官方指定規(guī)范,開發(fā)者使用更方便,但可拓展性差,對于一些特殊的展示效果無法實(shí)現(xiàn),而通過自定義方式的方式,可以支持更多展示效果,但卻需要我們寫更多的代碼。兩種方式在實(shí)現(xiàn)狀態(tài)欄沉浸上也有所差別。
去掉Title
Toolbar默認(rèn)主題會(huì)具有一個(gè)title,當(dāng)我們使用Toolbar的時(shí)候,而沒有去掉title,應(yīng)用則會(huì)crash,報(bào)出如下所示錯(cuò)誤。
因此在使用Toolbar 的時(shí)候,我們需要style中添加如下屬性配置
- true
當(dāng)然我們也可以通過代碼動(dòng)態(tài)去掉title,但當(dāng)我們的主題從Theme.AppCompat作為父類繼承的時(shí)候,通過代碼并不可以去掉title。
自定義導(dǎo)航欄
當(dāng)我們未設(shè)置windowNoTitle屬性的時(shí)候,在導(dǎo)航欄之上有title。顯然和我們要實(shí)現(xiàn)導(dǎo)航欄的沉浸式有所違背,因此實(shí)現(xiàn)對于導(dǎo)航欄的沉浸,
設(shè)置狀態(tài)欄透明
去掉title之后,是否我們就可以實(shí)現(xiàn)上述的效果了呢?
這個(gè)時(shí)候,我們發(fā)現(xiàn)狀態(tài)欄還是黑色,并沒有沉浸,需要我們將狀態(tài)欄設(shè)置為透明。
- true
該屬性只有在在4.4和高于4.4版本上可以進(jìn)行該屬性的配置,但是在更低版本上則無法使用。配置該屬性之后,執(zhí)行效果如下圖所示。
解決導(dǎo)航欄上移問題
這個(gè)時(shí)候,Toolbar被整體上移了,導(dǎo)致其部分功能也進(jìn)入了狀態(tài)欄之下,包括導(dǎo)航欄的內(nèi)容也到了狀態(tài)欄位置之中,顯然這是不符合我們最初的要求的。如何解決這個(gè)問題?我們在Toolbar中添加fitSystemWindows屬性,即可使得toolbar的上部空出一個(gè)高度,使得Toolbar內(nèi)容部分脫離狀態(tài)欄。
得到我們最終想要得到的效果
自定義導(dǎo)航欄與之實(shí)現(xiàn)類似。
fitsSystemWindows屬性
前面對Toolbar的設(shè)置是在Toolbar中添加的fitSystemWindows屬性,那么當(dāng)我們將其屬性添加到Toolbar所在的最外層的布局會(huì)怎么樣呢?
執(zhí)行之后,可以看到和之前未設(shè)置狀態(tài)欄透明時(shí)的效果相同。
那么這個(gè)fitSystemWindows工作的原理是什么呢?通過上述實(shí)驗(yàn),不難發(fā)現(xiàn),對于沉浸狀態(tài)欄的控制,該屬性起到了一個(gè)很關(guān)鍵的作用。
接下來通過一個(gè)實(shí)驗(yàn)來驗(yàn)證下,該屬性所起的作用,在Toolbar所在的布局中,在布局的底部添加一個(gè)Button.
當(dāng)我們將該屬性設(shè)置到按鈕上,又會(huì)發(fā)生什么呢?
通過比較可以很明顯的看出,設(shè)置了fitsSystemWindows屬性的View在其上部被設(shè)置了一個(gè)padding。根據(jù)之前做的實(shí)驗(yàn),我們可以知道當(dāng)我們設(shè)置了窗口狀態(tài)欄透明之后,整個(gè)內(nèi)容視圖會(huì)向上移動(dòng)了一個(gè)狀態(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é)論,fitSystemWindows屬性會(huì)對所設(shè)置的View增加一個(gè)top padding,因此當(dāng)我們在實(shí)現(xiàn)讓導(dǎo)航欄沉浸的時(shí)候,設(shè)置窗口狀態(tài)欄的透明會(huì)使得視圖整體上移,而借助fitSystemWindows屬性的功能,為視圖中最頂部的View設(shè)置一個(gè)和狀態(tài)欄高度相同的padding,使得導(dǎo)航欄不會(huì)被頂?shù)綘顟B(tài)欄內(nèi)。
當(dāng)我們在一個(gè)視圖中,多個(gè)View設(shè)置該屬性時(shí),發(fā)現(xiàn)只有***個(gè)設(shè)置該屬性的View會(huì)起作用,在視圖布局上,自上而下的***個(gè)View其作用。層級上則為最***的View上首先其作用。因此其功能歸納為:
為設(shè)置該屬性的View增加一個(gè)和狀態(tài)欄高度相同的toppadding
當(dāng)視圖中有多個(gè)View被設(shè)置了該屬性,那么只布局上最頂部的View起作用
5.0及其以上
至此,我們可以***的實(shí)現(xiàn)一個(gè)狀態(tài)欄的沉浸,上述的實(shí)現(xiàn)是在Android 4.4版本上,在視圖的最上部,會(huì)有一個(gè)黑色漸變的陰影,而在5.0設(shè)備上的展示效果如下所示,在狀態(tài)欄上整個(gè)都會(huì)有一個(gè)陰影。當(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è)置這個(gè) 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)); }
以上就是關(guān)于“Android中如何實(shí)現(xiàn)沉浸式狀態(tài)欄效果”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。