UI 我在可绘制对象中设计的内容与在图像视图中显示的内容之间存在错误

Question

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

我开始编写模板，但显示不正确:(

My designed drawable

Main layout

有什么问题吗？我该如何解决？

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

注意：我将 drawable 设置为线性、相对和约束等布局的背景，但也没有正确显示。

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

改变

app:src="@drawable/test3"

至

app:srcCompat="@drawable/test3"

在 MainLayout 的 ImageView 中（即 page_text.xml）

希望它能奏效..试试吧..

Answer 2

使用<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>

UI 我在可绘制对象中设计的内容与在图像视图中显示的内容之间存在错误

UI error between what I design in drawables and what is displaying in imageview

java

android

android-drawable