在棒棒糖前的图层列表中调整大小不正确的项目

Question

我有一个图层列表

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

<item android:right="2dp" android:left="2dp" android:bottom="2dp" android:top="2dp">
    <bitmap
        android:gravity="center"
        android:src="@drawable/ic_menu_alert"/>
</item>

<item android:height="10dp" android:width="10dp" android:gravity="right|top">
    <shape android:shape="oval">
        <size android:height="10dp" android:width="10dp"/>
        <solid android:color="@color/navigation_drawer_notification_red_color"/>
    </shape>
</item>

</layer-list>

显示这个图像

在棒棒糖及以上一切都很好,但在前棒棒糖红圈失去所有尺寸和填充属性和图像看起来像这样

我正在寻找解决方案大约3天,一无所获.我试图制作我自己的工具栏布局并设置为此imagebuuton scaleType ="centerInside",但它没有帮助.有人可以帮忙解决这个问题吗？

提前致谢!

Answer 1

它最好不要提height和width的属性layer-list.当你使用它作为drawable时,让我们说一个ImageView(ImageView 的宽度和高度将覆盖项目/形状中提到的那个).

您可以使用top, bottom, left, right在图层列表中对齐项目.

注意:仅从API 23支持item的height和width属性.

这是一个工作示例(在Android 7.0和Android 4.4中测试过):

sample.xml中

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+id/menu"
        android:left="16dp"
        android:right="16dp"
        android:gravity="center">
        <bitmap
            android:src="@drawable/menu_icon" />
    </item>

    <item
        android:top="8dp"
        android:left="56dp"
        android:right="24dp"
        android:bottom="42dp">
        <shape android:shape="oval">
            <solid android:color="@android:color/holo_red_dark"/>
        </shape>
    </item>

</layer-list>

main.xml中

<ImageView
        android:layout_width="72dp"
        android:layout_height="72dp"
        android:src="@drawable/sample"
        android:scaleType="fitCenter"/>

您还可以wrap_content在ImageView中使用高度和宽度.