棒棒糖前层列表中的项目大小不正确答案

【问题标题】：Incorrect items sizing in layer-list on pre-lollipop棒棒糖前层列表中的项目大小不正确
【发布时间】：2016-07-27 10:51:38
【问题描述】：

我有一个图层列表

<?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" 但它没有帮助。有人可以帮忙解决这个问题吗？

提前致谢！

【问题讨论】：

您好，您找到解决方案了吗？
嗨，有什么解决办法吗？我也面临这个问题。
@Nizam 很遗憾没有（
好的。我现在使用FrameLayout 而不是Drawable。
奇怪.....请检查stackoverflow.com/questions/26561812/…

标签： android layout drawable layer-list

【解决方案1】：

最好不要提及layer-list 中的height 和width 属性。当您将其用作可绘制对象时，假设是一个 ImageView（ImageView 的宽度和高度将覆盖项目/形状中提到的那个）。

您可以使用top, bottom, left, right 来对齐图层列表中的项目。

注意：只有 API 23 支持项目的高度和宽度属性。

这是一个工作示例（在 Android 7.0 和 Android 4.4 中测试）：

示例.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"/>

您也可以在 ImageView 中使用wrap_content 作为高度和宽度。

【讨论】：

感谢您的回答：）
对所有人来说，不要忘记 scaleType 这对这个技巧很重要。

【解决方案2】：

所以我想出了一个可行的解决方案。我在/drawable 和/drawable-v21 中有一个可绘制的图层列表。 /drawable-v21 中的 layer-list drawable 包含一个矢量 drawable。 /drawable 中的可绘制图层列表包含一个 .png 。这有点违背了使用矢量可绘制对象的目的，但我必须这样做才能使其在这种一次性情况下工作。

【讨论】：