全屏背景上的android xml可绘制图像

Question

我需要在 android 中使用 xml 可绘制对象（用于 cordova 启动屏幕）。我想在屏幕中央显示一个透明徽标（不拉伸），而屏幕的其余部分有背景颜色设置。

我首先尝试的是仅在 xml 文件中添加图像：

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    android:src="@drawable/splashscreen"
    android:gravity="center_horizontal|center_vertical" />

这显示徽标位于屏幕中央，但（显然）没有背景颜色。

所以我尝试了不同的解决方案来向该 xml 添加背景颜色。例如：

<?xml version="1.0" encoding="utf-8"?>    
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
        </shape>
    </item>
    <item>
        <bitmap
            android:src="@drawable/splashscreen"
            android:gravity="center_horizontal|center_vertical" />
    </item>
</layer-list>

现在图像有了背景颜色 - 但它不再是全屏了。它会根据图像大小进行调整，并在全屏显示时被拉伸。

那么，如何获得带有背景颜色的全屏可绘制图形，并在其上放置居中图像？

编辑： 所有答案都建议使用RelativeLayout - 但我认为这在“drawable”的xml 文件中是不可能的，对吧？我没有任何可以编辑的布局 - 只有一个由 cordova 引用的可绘制对象。

Answer 1

我自己找到了解决方案：

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="#FFFF"></color>
    </item>
    <item>
        <bitmap
            android:src="@drawable/splashscreen"
            android:gravity="center_horizontal|center_vertical"
            />
    </item>
</layer-list>

Android studio 显示布局仍然错误 - 但它可以按预期在设备上运行。

对于所有发帖者，建议添加一个layout-xml文件：正如我在问题中所说，我不可能这样做，因为这个drawable是从Cordova中包含的。我无法控制该可绘制对象周围使用的布局。

Answer 2

<?xml version="1.0" encoding="UTF-8"?>
    <bitmap xmlns:android="http://schemas.android.com/apk/res/android" 
        android:src="@drawable/splash" 
        android:gravity="fill_horizontal|fill_vertical" />

Answer 3

这样做，

   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white" >//Set background color

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:adjustViewBounds="true"
            android:src="@drawable/splash_logo" />//set logo 

    </RelativeLayout>

Answer 4

您可以根据您的需要使用以下代码：

   <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:drawable="@color/bg_color"/>
    <item>
        <bitmap
            android:gravity="center|bottom|clip_vertical"
            android:src="@drawable/your_image" />
    </item>

</layer-list>

Answer 5

老主题，但解决方案可能对某人有用。 接受的答案不适用于大于屏幕的图像。 为第一个项目设置上/下/左/右属性将设置全屏背景颜色，并在第二个项目中使用宽度和高度以及填充重力中的位图指定位图比例将正确显示图像。 这是一个工作示例：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <item
        android:top="0dp"
        android:bottom="0dp"
        android:left="0dp"
        android:right="0dp"
        android:drawable="@color/background_color" >
    </item>

    <item
        android:width="240dp"
        android:height="75dp"
        android:gravity="center" >
            <bitmap
                android:src="@drawable/logo"
                android:gravity="fill"
                />
    </item>

</layer-list>

Answer 6

不需要使用其他相对布局的背景颜色。 您可以使用单个 ImageView 来完成此操作，例如：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageView"
    android:src="@drawable/noise"
    android:scaleType="centerInside"
    android:background="@android:color/black" />