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

这样做，

   <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 2

背景色无需使用其他相关布局。您可以使用单个 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" />

Answer 3

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

   <?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 4

我自己找到了解决方案：

<?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 显示布局仍然错误 - 但它可以按预期在设备上运行。

致所有海报，建议添加布局-xml 文件： 正如我在问题中所述，我不可能这样做，因为这个可绘制对象包含在 Cordova 中。我无法控制围绕此可绘制对象使用的布局。

Answer 5

<?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" />

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

android xml drawable image on full screen background

xml

android

drawable