启动页全面屏适配、状态栏和虚拟按钮控制详解

很多APP打开都会有启动界面,但是全面屏问世后就会有很多问题出现。我们这里采用更快更高效的启动方式通过them设置,通过介绍笔者在实际项目开发中遇到的问题和解决方法,让大家更深入了解them、全面屏适配、虚拟按钮与状态栏控制。

当然,有小伙伴非要自己去定义xml页面作为启动。。。这篇文章你也可以作为储备技能拓展

遇到问题问下:

1、Them是什么东西,如何设置Them可以隐藏状态栏和虚拟按钮?

2、全面屏如何适配(让图片背景铺满)?

3、图片背景内容被拉伸怎么处理?

1、Them是什么东西,如何设置Them可以隐藏状态栏和虚拟按钮?

 Them:主题,相当于APP皮肤,可以进行很多界面设置

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!--导航栏颜色-->
        <item name="colorPrimary">@color/colorRed</item>
        <!--通知栏颜色-->
        <item name="colorPrimaryDark">@color/colorYellow</item>
        <!--控件选中后颜色-->
        <item name="colorAccent">@color/colorBlue</item>
    </style>

 效果图:

隐藏状态栏和虚拟按钮

    <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!--导航栏颜色-->
        <item name="colorPrimary">@color/colorPrimary</item>
        <!--通知栏颜色-->
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <!--控件选中后颜色-->
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:windowBackground">@drawable/timg</item>

        <!--导航栏背景色-->
        <item name="android:navigationBarColor">@color/transparent</item>
        <!--状态栏背景色-->
        <item name="android:statusBarColor">@color/transparent</item>

        <!-- ***********常用属性  只是介绍,需要就选用************* -->
        <!--是否显示标题栏-->
<!--        <item name="windowNoTitle">true</item>-->
        <!--全屏设置-->
<!--        <item name="android:windowFullscreen">true</item>-->
        <!--进入动画-->
<!--        <item name="android:windowEnterAnimation">@anim/bg_in</item>-->
        <!--退出动画-->
<!--        <item name="android:windowExitAnimation">@anim/bg_out</item>-->
        <!--自适应窗口-->
<!--        <item name="android:fitsSystemWindows">true</item>-->
    </style>
    <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">

因为继承了NoActionBar,所以简单的设置了下状态栏、虚拟按钮和背景图片

未设置的效果图                                                                              设置后的效果图

                                     

2、全面屏适配

全面屏有时在Them设置好图片时,会发现状态栏是没有填满,有黑边遗留,此时需要在配置文件中加入以下代码

        <!--适配全面屏-->
        <meta-data
            android:name="android.max_aspect"
            android:value="2.4" />

3、启动页图片背景内容被拉伸处理

处理方法:制作  .9 图,只拉伸需要拉伸的区域

效果图:

赠人玫瑰,手有余香。如果对你有帮助,请大方给个赞!

猜你喜欢

转载自blog.csdn.net/Mr_Leixiansheng/article/details/103492835
今日推荐