【闪屏页】启动页白屏(黑屏)VS重点解决背景图片拉伸变形问题

本文介绍如何在Android应用中通过设置主题和使用XML文件来优化启动页背景,避免图片拉伸问题,并详细讲解了两种适配挖孔屏的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.设置主题:在styles里面添加主题【挖孔屏的话,有一个地方需要注意一下,在最后面

<style name="AppTheme_NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/sp_loading</item>
    </style>

 重点:@drawable/sp_loading 这个,之前我这个只是一张图片,后来发现在有的机型上面会变形拉伸,效果很差,现在这里变成了一个xml文件,就不会有这种问题了

<?xml version="1.0" encoding="utf-8"?><!--
//使用layer-list添加多个图层,返回LayerDrawable
//注意:bitmap使用的图片大小要小于屏幕大小
-->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="fill"
            android:src="@mipmap/windownsbg" />
    </item>
    <item android:top="@dimen/dp_80">
        <bitmap
            android:layout_width="@dimen/dp_120"
            android:layout_height="@dimen/dp_120"
            android:gravity="top"
            android:src="@mipmap/img_splash_logo" />
    </item>
    <item android:top="220dp">
        <bitmap
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="top"
            android:src="@mipmap/img_splash_item1" />
    </item>
    <item android:top="280dp">
        <bitmap
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="top"
            android:src="@mipmap/img_splash_item2" />
    </item>
    <item android:bottom="@dimen/dp_80">
        <bitmap
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="bottom"
            android:src="@mipmap/img_splash_item3" />
    </item>

</layer-list>

扩展:如果在styles.xml文件中将启动页窗口背景图片(android:windowBackground)设置为欢迎界面的背景图片,然后欢迎界面布局文件中将背景(android:background)设置为透明,Activity中不恢复原有的样式,那么这样就可以实现APP启动后白屏部分和欢迎界面是同一张背景图片。

需要注意,如果将之前欢迎界面的背景图片作为窗口背景图片,那么就需要考虑到底部导航栏的高度的问题。否则背景图片的底部会被遮盖住。所以可能需要重新调整欢迎界面的背景图片。

2.给启动页设置主题


挖孔屏需要注意一个地方!特别是启动页!!

有可能你们会遇到这样一种情况,闪屏页刚刚进来的一瞬间是全屏显示的,但是等了一会,发现上面标题栏那里有一个黑边,然后页面会被稍微往下压缩一下,这是因为没有适配挖孔屏的缘故,两种方式解决:

第一:在 Activity 的 onCreate 中指定屏幕的显示模式【占用挖空周边的现实区域】:

@Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (Build.VERSION.SDK_INT >= 28) {
            WindowManager.LayoutParams lp = getWindow().getAttributes();
            lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
            getWindow().setAttributes(lp);
        }
}

第二:在主题中加入android:windowLayoutInDisplayCutoutMode 属性指定显示模式:

// value-v28/styles.xml
 <style name="NoTitleFullscreen" parent="AppTheme">
        <item name="android:windowBackground">@drawable/branded_launch_screens</item>
        <item name="android:statusBarColor">@color/colorPrimary</item>
        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
</style>

在其他地方看到一个非常优秀的讲解!!!!点击查看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值