美文网首页
2018-06-13

2018-06-13

作者: 迪亚VIP | 来源:发表于2018-06-13 13:04 被阅读0次

    区别:全屏和沉浸式

    一.全屏

    全屏的实现方式很简单有2种

    1.全局的配置方式, 我们可以在Manifest的Application标签下配置

    ```` xml ...

    ```` 当然也可以在style里自定义一个自己的主题,并在application标签下引用

    ```` xml

    ````

    2.单个Activity的配置方式

    设置windows

    ```` java requestWindowFeature(Window.FEATURENOTITLE);// 隐藏标题 getWindow().setFlags(WindowManager.LayoutParams.FLAGFULLSCREEN, WindowManager.LayoutParams.FLAGFULLSCREEN);// 设置全屏

    ````

    设置view(需要注意的是此方式会先显示状态栏然后再隐藏,体验不好)

    ```` java requestWindowFeature(Window.FEATURENOTITLE);// 隐藏标题 

    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UIFLAGFULLSCREEN);

    ````

    一般常用的主题

    Theme.NoTitleBar //背景默认黑色 没有标题栏

    Theme.NoTitleBar.Fullscreen //背景默认黑色且全屏

    Theme.Black.NoTitleBar //背景黑色

    Theme.Black.NoTitleBar.Fullscreen // 背景黑色

    Theme.Light.NoTitleBar //背景白色 没有标题栏目 (常用)

    Theme.Light.NoTitleBar.Fullscreen //背景白色且全屏

    Theme.Translucent.NoTitleBar // 不常用,背景透明..

    titleBar Android3.3以前的位于状态栏下的标题栏(只有图标和标题)

    Theme.Holo.NoActionBar //背景黑色

    Theme.Holo.NoActionBar.Fullscreen

    Theme.Holo.Light.NoActionBar //背景白色 (常用)

    Theme.Holo.Light.NoActionBar.Fullscreen //

    ActionBar Android3.3推出的位于状态栏下的标题栏(包含一系列的操作点击事件等),用来替换TitleBar的,属于TitleBar的升级版

    沉浸式

    由于Android版本过多,并不是所有的版本都是支持沉浸式,在Android4.4之前,是没法实现的,只能够全屏,

    实现方式

    Android4.4(api-19)

    此版本到5.0之间Android提供了设置状态栏透明的flagFLAG_TRANSLUCENT_STATUS,但并不是全透,而是半透明,所以体验不是很好,并且设置状态栏透明的flag后,布局会全屏展示,(状态栏不占位),所以会盖住一部分布局。

    实现方式2种

    ````java //代码添加FLAGTRANSLUCENTSTATUS activity.getWindow().addFlags(WindowManager.LayoutParams.FLAGTRANSLUCENTSTATUS);

    ````

    ````xml //自定义主题theme,加上以下的属性即可 true

    ````

    /**

        * Window flag: request a translucent status bar with minimal system-provided

        * background protection.

        *

        *

    This flag can be controlled in your theme through the

        * {@link android.R.attr#windowTranslucentStatus} attribute; this attribute

        * is automatically set for you in the standard translucent decor themes

        * such as

        * {@link android.R.style#Theme_Holo_NoActionBar_TranslucentDecor},

        * {@link android.R.style#Theme_Holo_Light_NoActionBar_TranslucentDecor},

        * {@link android.R.style#Theme_DeviceDefault_NoActionBar_TranslucentDecor}, and

        * {@link android.R.style#Theme_DeviceDefault_Light_NoActionBar_TranslucentDecor}.

        *

        *

    When this flag is enabled for a window, it automatically sets

        * the system UI visibility flags {@link View#SYSTEM_UI_FLAG_LAYOUT_STABLE} and

        * {@link View#SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN}.

        */

        public static final int FLAG_TRANSLUCENT_STATUS = 0x04000000;

    解释:设置状态栏透明,并且变为全屏模式。上面的解释已经说得很清楚了,当window的这个属性有效的时候,会自动设置 system ui visibility的标志SYSTEM_UI_FLAG_LAYOUT_STABLE和SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN

    但是设置完后,会发现相应的问题,由于设置了FLAG_TRANSLUCENT_STATUS后,布局全屏,这是如果应用存在标题栏,则会与半透明的状态栏重合一部分,体验很不好。解决办法有很多,

    使用属性android:fitsSystemWindows="true"

    获取状态栏的高度,然后设置布局距离顶部的padding

    获取到状态栏的高度,然后创建一个相同高度的view,作为占位,添加到状态栏的位置,并设置此view的背景色,达到沉浸式的效果。代码:

    ```` java ViewGroup contentView = (ViewGroup) findViewById(android.R.id.content); View childAt = contentView.getChildAt(0); if (childAt != null) { childAt.setFitsSystemWindows(true); } //给statusbar着色 View view = new View(this); view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(this))); view.setBackgroundColor(Color.RED); contentView.addView(view);

    ````

    当然如果实现沉浸式的布局是图片,则不用添加view,直接全屏即可。

    模拟器4.4运行效果: 

    Android5.0 (api-21)

    基于Android4.4的问题,在Android5.0的时候,google又推出了新的方法setStatusBarColor(int color),可以设置状态栏的颜色,与布局背景色一致,以达到沉浸式的效果,这个方法需要配合flagFLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS使用才生效。

    因为设置了FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS,表明Window会负责系统bar的background 绘制,绘制透明背景的系统bar,这就是Android 5.0 以上实现沉浸式导航栏的原理。

    ```` java //取消状态栏透明, window.clearFlags(WindowManager.LayoutParams.FLAGTRANSLUCENTSTATUS); //添加Flag把状态栏设为可绘制模式 window.addFlags(WindowManager.LayoutParams.FLAGDRAWSSYSTEMBARBACKGROUNDS); //设置状态栏颜色,同布局颜色一致 window.setStatusBarColor(statusColor);

    ````

    也可以直接在Theme中使用,新建value-21文件夹,添加主题

    java false true @android:color/holo_red_light

    有部分机型会出现状态栏和布局之间有一条黑线的情况,可以在主题里加入属性即可

    ``` name="android:windowContentOverlay">@null

    ``` 同样的实现方式也可以在style中自定义主题实现,效果一样。

    Android5.0以上 使图片延伸到状态栏的情况,则只需要设置statusBar的颜色为透明,并设置全屏即可。(这是如果actionBar与状态栏重合,上面的解决方法同样适用)

    ```` java //全屏 getWindow().addFlags(WindowManager.LayoutParams.FLAGTRANSLUCENTSTATUS);

    ````

    Android6.0(api-23)

    Android5.0 在使用沉浸式效果时,只能设置statusBar的背景颜色,但不能设置文字颜色,导致了浅色背景与白色字体重合时,字体便会看不清,是个很不好的体验,Android6.0也对此做了改进,增加了可以修改状态栏的字色和图标为浅黑色flagView.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR,同样此flag也是在设置了FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS的前提下可以使用,表示可以绘制修改statusBar的样式,

    ```` java

    getWindow().getDecorView().setSystemUiVisibility(View.SYSTEMUIFLAGLAYOUTFULLSCREEN|View.SYSTEMUIFLAGLIGHTSTATUS_BAR);

    ````

    同样的也是可以在xml中自定义主题样式修改,

    相关文章

      网友评论

          本文标题:2018-06-13

          本文链接:https://www.haomeiwen.com/subject/tgdjeftx.html