由沉浸式狀態(tài)欄引發(fā)的血案

概述

在一個人云亦云的時代钧大,在技術(shù)迅猛發(fā)展的時代,我們來不及去好好學(xué)習(xí)罩旋,好好理解啊央,就這樣和著別人說話,都沒有好好思考過涨醋。由此引發(fā)了這一血案瓜饥。

是透明不是沉浸

雖然說不大懂英文也是可以擼代碼的,但是我總覺得此非長久之計(jì)也浴骂。英文還是得多學(xué)乓土,免得阻礙了發(fā)展道路。由于對英文不感冒溯警,所以才有了將Translucent Bar(透明欄)和Immersive Mode(沉浸模式)混為一談的說法趣苏。下面是引自Android開發(fā)者官網(wǎng)的一段說法

Immersive full-screen mode

To provide your app with a layout that fills the entire screen, the new SYSTEM_UI_FLAG_IMMERSIVE flag for setSystemUiVisibility()(when combined with SYSTEM_UI_FLAG_HIDE_NAVIGATION enables a new immersivefull-screen mode. While immersive full-screen mode is enabled, your activity continues to receive all touch events. The user can reveal the system bars with an inward swipe along the region where the system bars normally appear. This clears the SYSTEM_UI_FLAG_HIDE_NAVIGATION flag (and the SYSTEM_UI_FLAG_FULLSCREEN flag, if applied) so the system bars remain visible. However, if you'd like the system bars to hide again after a few moments, you can instead use the SYSTEM_UI_FLAG_IMMERSIVE_STICKY flag.

Translucent system bars

You can now make the system bars partially translucent with new themes, Theme.Holo.NoActionBar.TranslucentDecor and Theme.Holo.Light.NoActionBar.TranslucentDecor.By enabling translucent system bars, your layout will fill the area behind the system bars, so you must also enable fitsSystemWindows for the portion of your layout that should not be covered by the system bars.
If you're creating a custom theme, set one of these themes as the parent theme or include the windowTranslucentNavigation and windowTranslucentStatus style properties in your theme.

簡單翻譯一下:

  1. 沉浸式全屏模式
    隱藏status bar(狀態(tài)欄)使屏幕全屏,讓Activity接收所有的(整個屏幕的)觸摸事件愧膀。
  2. 透明化系統(tǒng)欄
    透明化系統(tǒng)欄拦键,使得布局侵入系統(tǒng)欄的后面,必須啟用fitsSystemWindows屬性來調(diào)整布局才不至于被系統(tǒng)欄覆蓋檩淋。
透明欄和沉浸模式的區(qū)別

如何在4.4以上中實(shí)現(xiàn)Translucent Bar

為什么要強(qiáng)調(diào)4.4呢芬为?其一是Translucent Bar是4.4開始有的特性;其二是5.0開始蟀悦,Google推出Material Design媚朦,使用Theme.Material(MD主題)或Theme.AppCompat主題并至少設(shè)置ColorPrimaryDark屬性就可以實(shí)現(xiàn)status bar半透明效果。

Material&AppCompat的一些屬性

跟著官方走

其實(shí)在上面日戈,官方的說法已經(jīng)很清楚了

第一步. 使用主題:
Theme.Holo.NoActionBar.TranslucentDecorandTheme.Holo.Light.NoActionBar.TranslucentDecor
點(diǎn)擊上面的主題鏈接看一下询张,原來只是設(shè)置了屬性 windowTranslucentStatuswindowTranslucentNavigation 為true,我們可以不用官方說的主題浙炼,但是必須設(shè)置那兩個屬性的值為true才行份氧,以便使我們定義的layout侵入系統(tǒng)欄的領(lǐng)域唯袄。說到這里,我們有必要聊聊什么事系統(tǒng)欄(system bar)蜗帜×悼剑看下面的圖,系統(tǒng)欄包含了頂部狀態(tài)欄和底部導(dǎo)航欄厅缺。

各種bar

第二步. 設(shè)置 fitsSystemWindows 屬性為true來進(jìn)行布局調(diào)整

官方描述:
Boolean internal attribute to adjust view layout based on system windows such as the status bar. If true, adjusts the padding of this view to leave space for the system windows. Will only take effect if this view is in a non-embedded activity.

簡單翻譯下蔬顾,就是哪個view設(shè)置了這個屬性為true,系統(tǒng)就會調(diào)整該view的padding值來留出空間給系統(tǒng)窗體湘捎。表現(xiàn)為诀豁,padding出status bar的高度給status bar使用,不至于我們定義layout跟status bar重疊窥妇!
實(shí)際的使用可以參考Clock哥的簡書:Translucent System Bar 的最佳實(shí)踐舷胜,在此就不贅述了。


值的一提的是:該屬性最好是用在我們需要進(jìn)行調(diào)整的view中秩伞,而不是在theme中設(shè)置逞带,因?yàn)閠heme設(shè)置的是整個窗體的屬性,會影響使用了該theme的activity或application的行為纱新,造成依附于Application Window的Window(比如Toast)錯位展氓。還有當(dāng)Activity的ContentView中嵌套的layout有好幾處使用了該屬性時,會發(fā)生奇怪的錯位問題脸爱。記子龉:只在需要padding出空間給system bar的layout添加該屬性!


Toast錯位的解決方法如下:使用應(yīng)用級別的上下文

Toast.makeText(getApplicationContext(),"toast sth...",Toast.LENGTH_SHORT).show();

跟著民間大神走

第一步. 在res/values/文件夾中添加style-v19.xml簿废,開啟透明欄

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>
</resources>

第二步. 在基類中完成布局調(diào)整的工作

//摘自:http://www.reibang.com/p/0acc12c29c1b
public abstract class TranslucentBarBaseActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(getLayoutResId());//把設(shè)置布局文件的操作交給繼承的子類

        ViewGroup contentFrameLayout = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
        View parentView = contentFrameLayout.getChildAt(0);
        if (parentView != null && Build.VERSION.SDK_INT >= 14) {
            parentView.setFitsSystemWindows(true);
        }
    }

    /**
     * 返回當(dāng)前Activity布局文件的id
     *
     * @return
     */
    abstract protected int getLayoutResId();
}

簡述下他的思路:試圖將設(shè)置內(nèi)容布局的操作交給子類空入,而基類獲取內(nèi)容布局的根布局,判斷是否為4.4或以上的運(yùn)行環(huán)境族檬,再設(shè)置fitsSystemWindows屬性為true歪赢,達(dá)到調(diào)整內(nèi)容布局的目的。

自己動手单料,豐衣足食

  1. 啟用透明化:同上埋凯,不贅述
  2. 自己fitsSystemWindows,不用系統(tǒng)幫我
public class BaseActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){
            ViewGroup firstChildAtDecorView = ((ViewGroup) ((ViewGroup)getWindow().getDecorView()).getChildAt(0));
            View statusView = new View(this);
            ViewGroup.LayoutParams statusViewLp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    getStatusBarHeight());
            //顏色的設(shè)置可抽取出來讓子類實(shí)現(xiàn)之
            statusView.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_light));
            firstChildAtDecorView.addView(statusView, 0, statusViewLp);
        }
    }
    private int getStatusBarHeight() {
        int resId = getResources().getIdentifier("status_bar_height","dimen","android");
        if(resId>0){
            return getResources().getDimensionPixelSize(resId);
        }
        return 0;
    }
}

效果圖如下扫尖,會有一條莫名的黑線白对,暫時沒有找到解決方案,知道的童鞋不妨交流一下换怖。

效果圖

簡述下我的思路:
Activity持有一個PhoneWindow甩恼,PhoneWindow持有一個根View,叫DecorView(是一個FrameLayout),DecorView持有一個LinearLayout条摸,在LinearLayout下分配兩個FrameLayout悦污,一個給ActionBar(當(dāng)設(shè)置主題為NoActionBar是為ViewStub),一個給ContentView屈溉。不管如何塞关,只要我們在LinearLayout的第一個位置插入一個View就可以讓ContentView下移了L健子巾!

實(shí)現(xiàn)原理

更新日志 ↓ ↓ ↓


3月3日更新:

  • 優(yōu)化文檔結(jié)構(gòu),方便閱讀
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末小压,一起剝皮案震驚了整個濱河市线梗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌怠益,老刑警劉巖仪搔,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜻牢,居然都是意外死亡烤咧,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進(jìn)店門抢呆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來煮嫌,“玉大人,你說我怎么就攤上這事抱虐〔ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵恳邀,是天一觀的道長懦冰。 經(jīng)常有香客問我,道長谣沸,這世上最難降的妖魔是什么刷钢? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮乳附,結(jié)果婚禮上内地,老公的妹妹穿的比我還像新娘。我一直安慰自己许溅,他們只是感情好瓤鼻,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著贤重,像睡著了一般茬祷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上并蝗,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天祭犯,我揣著相機(jī)與錄音继谚,去河邊找鬼。 笑死谭溉,一個胖子當(dāng)著我的面吹牛喘鸟,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播最盅,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼突雪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了涡贱?” 一聲冷哼從身側(cè)響起咏删,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎问词,沒想到半個月后督函,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡激挪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年辰狡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片垄分。...
    茶點(diǎn)故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡宛篇,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出锋喜,到底是詐尸還是另有隱情些己,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布嘿般,位于F島的核電站段标,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏炉奴。R本人自食惡果不足惜逼庞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瞻赶。 院中可真熱鬧赛糟,春花似錦、人聲如沸砸逊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽师逸。三九已至司倚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背动知。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工皿伺, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盒粮。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓鸵鸥,卻偏偏與公主長得像,于是被迫代替她去往敵國和親丹皱。 傳聞我的和親對象是個殘疾皇子妒穴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評論 2 353

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