Android 沉浸式状态栏

Android 沉浸式状态栏,第1张

沉浸式状态栏是一种比较常见的UI风格,接下来就去看看怎么实现它。

在styles.xml里增加TranslucentTheme,我们这里minSdkVersion 是以21为准,低于安卓5.0以下的手机很少了,就不适配了。

对于这种没有标题栏,图片沉浸到状态栏的效果,我们已经实现了。如果是有标题栏呢?比如加个Toolbar会变成下面这样:

对于有标题的页面,我们希望状态栏颜色跟标题栏一样就行了,不希望标题栏上移跟状态栏重叠,我们可以在布局文件根视图设置如下属性,这个相当于设置了个padding让状态栏下移,当然,为了让状态栏颜色跟标题栏一样,你还需要给根视图设置一样的背景色(因为状态栏实际是透明的)。

运行看看,已经实现了我们的要求。

首先介绍android:windowTranslucentStatus这一属性,设置为true则状态栏变透明(4.4以上手机),此时不做任何处理会出现如图的效果:

可以看出标题栏将状态栏覆盖,很不优雅。

接下来介绍android:fitsSystemWindows这一属性。设置为true让Activity 中setContentView的布局不覆盖状态栏(即相当于给状态栏设置了padding),这个属性要在根布局中使用,如果同时设置了

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

android:fitsSystemWindows="true"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6322639.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存