安卓沉浸透明状态栏导航栏

最新推荐文章于 2024-09-16 11:31:45 发布

原创最新推荐文章于 2024-09-16 11:31:45 发布 · 467 阅读

0 ·

CC 4.0 BY-SA版权

Android 系统自4.2 开始 UI 上就没多大改变，4.4 也只是增加了透明状态栏与导航栏的功能，如图

使用这个特性能开发出很漂亮的UI，尤其对于 google 原生系统，屏幕下方的导航栏白白占据一块屏幕空间，看起来很不爽

方法 1：

在activity中加入红色部分
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //透明导航栏
    getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    setContentView(R.layout.activity_main);// 关联布局文件

方法2：直接修改app样式

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

做完以上操作会发现空间会到状态栏上去如图

很明显 google 的意图是使你的 view 可以占据整个屏幕，然后状态栏和导航栏透明覆盖在上面很明显这样不可行。
那有没有办法使你的 view 保持原来大小呢？
有，你需要在这个 activity 的 layout xml 文件添加两个属性

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:fitsSystemWindows="true"
android:clipToPadding="true"
android:orientation="vertical" >

这样状态栏的背景就是你的 activity 的主背景，倘若actionbar 在，将会很难看，会多出来很大一块事实证明，google 并没有提供一个比较好的解决方案，他的透明状态栏与导航栏的应用局限于，全屏阅读文字或玩游戏那种情景，

有时候我们又需要控件可以上去，旁边的又在下面怎么办？

我想到了在上面加个与状态栏一样高的控件，考虑到所有手机状态栏高度不一

需要动态获取

View statusBarView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
        getStatusBarHeight(activity));
statusBarView.setBackgroundColor(Color.parseColor("#FF0000"));
contentView.addView(statusBarView, lp);

public static int getStatusBarHeight(Context context)
{
    int result = 0;
    int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0)
    {
        result = context.getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

原理很簡單，就是在頂部加上一個于狀態欄一樣高的view 這樣就可以了

好了，就説到這了，歡迎一起探討