美文网首页
沉浸式设计

沉浸式设计

作者: migill | 来源:发表于2019-10-19 17:44 被阅读0次

Android 4.4(19)设置沉浸式状态栏
1、通过主题的方式

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
     <!--设置沉浸式状态栏-->
    <item name="android:windowTranslucentStatus">true</item>
    <!--虚拟导航栏-->
    <item name="android:windowTranslucentNavigation">true</item>
</style>

2、通过代码的方式设置

//设置沉浸式状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//设置虚拟导航栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);      

Android 5.0(21)以上设置沉浸式状态栏
1、通过主题设置状态栏的颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <!--修改状态栏的颜色状态栏-->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>
</resources>

没有达到我们想要的效果,是因为我们还需要设置全屏。下面我们通过代码的方式实现。


2、通过代码的方式

Window window = getWindow();
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
//设置状态栏颜色透明
window.setStatusBarColor(Color.TRANSPARENT);

int visibility = window.getDecorView().getSystemUiVisibility();
//布局内容全屏展示
visibility |= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
//隐藏虚拟导航栏
visibility |= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
//防止内容区域大小发生变化
visibility |= View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
window.getDecorView().setSystemUiVisibility(visibility);

沉浸式状态栏适配Toolbar

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        immersive();
        setHeightAndPadding(this, findViewById(R.id.toolbar));
    }

    private void immersive() {
        //安卓4.4之前没有不支持沉浸式状态栏
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
            return;
        }

        //安卓5.0及之后的版本设置沉浸式状态栏
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            //设置状态栏颜色透明
            window.setStatusBarColor(Color.TRANSPARENT);

            int visibility = window.getDecorView().getSystemUiVisibility();
            //布局内容全屏展示
            visibility |= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
            //隐藏虚拟导航栏
            visibility |= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
            //防止内容区域大小发生变化
            visibility |= View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

            window.getDecorView().setSystemUiVisibility(visibility);
        } else {
            //安卓5.0及之后的版本设置沉浸式状态栏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }

    }

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

    public void setHeightAndPadding(Context context, View view) {
        ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
        layoutParams.height += getStatusBarHeight(context);
        view.setPadding(view.getPaddingLeft(), view.getPaddingTop() + getStatusBarHeight(context), view.getPaddingRight(), view.getPaddingBottom());
    }
}

相关文章

  • Android 沉浸式模式与常见状态栏和导航栏效果

    Android沉浸式模式 官方称沉浸式状态栏为沉浸式模式。 什么是沉浸式?沉浸式就是让人专注当前的(由设计者营造)...

  • 沉浸式设计

  • 沉浸式设计

    Android 4.4(19)设置沉浸式状态栏1、通过主题的方式 2、通过代码的方式设置 Android 5.0(...

  • MaterialDesign沉浸式设计

    一.5.0及以上实现沉浸式状态栏 方式1:通过设置主题达到,状态栏的颜色跟随你的主题里面的colorPrimary...

  • 3.1.4沉浸式设计

    概念: 所谓的沉浸式就是让内容能够延伸到状态栏区域。 Android 沉浸式设计是从4.4开始的 那我们先从4.4...

  • Android UI进阶之旅9--Material Design

    沉浸式设计基本概念 官方的沉浸式Translucent定义:就是让整个APP沉浸(充斥了整个屏幕)在屏幕里面,没有...

  • 沉浸式设计以及兼容

    什么是沉浸式 可以参考SystemBarTint 状态栏 —— StausBar 通过colorPrimaryDa...

  • Android 沉浸式设计Translucent

    什么是沉浸式 官方的沉浸式Translucent:就是让整个APP沉浸(充斥了整个屏幕)在屏幕里面,没有显示状态栏...

  • 何为沉浸式体验

    什么是沉浸式设计?它有什么具体特点? 在看《iPhone 人机界面指南》时经常出现一个词:“沉浸式程序” 。貌似还...

  • 沉浸式学习

    怎么样才能沉浸式学习,为什么我只能沉浸式玩手机? 他们沉浸式回家,沉浸式学习,沉浸式生活,总之,都能够沉浸进去。而...

网友评论

      本文标题:沉浸式设计

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