java - 我在可绘制对象中设计的内容与在 ImageView 中显示的内容之间存在 UI 错误

Question

我在互联网上搜索了一种实现图形设计的方法，然后我找到了一种使用可绘制对象来实现它们的方法；

我开始对模板进行编码，但它无法正确显示:(

My designed drawable

Main layout

问题是什么？我该如何修复它？

我设计了它，但它不起作用。我不知道这有什么问题。我应该在像这样的所有模板的 imageview 背景中使用该模板的图像吗？

注意:我为线性、相对和约束等布局的背景设置了可绘制对象，但也没有正确显示。

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

<item>
    <shape android:shape="rectangle">
        <corners android:radius="10dp" />
        <solid android:color="#9c9c9c" />
    </shape>
</item>

<item
    android:bottom="920dp"
    android:left="-100dp"
    android:right="50dp"
    android:top="-700dp">
    <rotate
        android:fromDegrees="50"
        android:pivotX="-50%"
        android:pivotY="100%">
        <shape android:shape="rectangle">
            <solid android:color="#fff" />
            <corners android:radius="30dp" />
            <stroke
                android:width="2dp"
                android:color="#dfcefc" />
        </shape>
    </rotate>
</item>

<item
    android:bottom="50dp"
    android:left="-30dp"
    android:right="315dp"
    android:top="-100dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="10%"
        android:pivotY="50%">
        <shape android:shape="rectangle">
            <solid android:color="#fff" />
            <corners android:radius="20dp" />
            <stroke
                android:width="2dp"
                android:color="#dfcefc" />
        </shape>
    </rotate>
</item>

<item
    android:bottom="200dp"
    android:left="100dp"
    android:right="-400dp"
    android:top="-40dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="60%"
        android:pivotY="40%">
        <shape android:shape="rectangle">
            <solid android:color="#fff" />
            <corners android:radius="30dp" />
            <stroke
                android:width="2dp"
                android:color="#dfcefc" />
        </shape>
    </rotate>
</item>

<item
    android:bottom="420dp"
    android:left="120dp"
    android:right="150dp"
    android:top="100dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="365%"
        android:pivotY="125%">
        <shape android:shape="rectangle">
            <corners android:radius="10dp" />
            <gradient
                android:angle="270"
                android:endColor="#7436f6"
                android:startColor="#aa57e5"
                android:type="linear" />
        </shape>
    </rotate>
</item>

<item
    android:bottom="-200dp"
    android:left="-100dp"
    android:right="240dp"
    android:top="500dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="60%"
        android:pivotY="5%">
        <shape android:shape="rectangle">
            <solid android:color="#fff" />
            <corners android:radius="30dp" />
            <stroke
                android:width="2dp"
                android:color="#dfcefc" />
        </shape>
    </rotate>
</item>

<item
    android:bottom="100dp"
    android:left="-100dp"
    android:right="100dp"
    android:top="200dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="130%"
        android:pivotY="145%">
        <shape android:shape="rectangle">
            <solid android:color="#fff" />
            <corners android:radius="30dp" />
            <gradient
                android:angle="270"
                android:endColor="#7436f6"
                android:startColor="#aa57e5"
                android:type="linear" />
        </shape>
    </rotate>
</item>

我需要它。请帮助我:)

Answer 1

使用<size android:width="50dp"
android:height="50dp"
/>设置高度宽度 这是你的广场

<item
    android:bottom="420dp"
    android:left="120dp"
    android:right="150dp"
    android:top="100dp">
    <rotate
        android:fromDegrees="-40"
        android:pivotX="365%"
        android:pivotY="125%">
        <shape android:shape="rectangle">
            <size android:width="50dp"
                android:height="50dp"
                />
            <corners android:radius="10dp" />
            <gradient
                android:angle="270"
                android:endColor="#7436f6"
                android:startColor="#aa57e5"
                android:type="linear" />
        </shape>
    </rotate>
</item>