Question

我为自定义按钮制作了一个形状，它填充了按钮的整个背景，而不显示形状。

这是xml代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="ring"
            android:useLevel="false"
            android:thicknessRatio="0">
            <solid android:color="@color/white" />
            <size
                android:width="1dp"
                android:height="1dp" />
        </shape>
    </item>
    <item android:left="0.75dp" android:top="1dp" android:bottom="0.5dp" android:right="1.5dp">
    <rotate android:fromDegrees="" android:pivotX="0%" android:pivotY="0%" android:toDegrees="0">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
            <size android:height="1dp" android:width="1dp"/>
        </shape>
    </rotate>
</item>
</layer-list>

Answer 1

我找到了解决方案。出于某种原因，当我使用在Imageview中发布的代码时，它可以正确显示，但是如果我尝试将其用于背景（与Imageview / button / etc中的代码无关，它将显示为正方形。

问题似乎是预览根本不代表背景形状，因此我不得不一直检查布局并根据其进行更改，而不是预览。

这是最终代码：

export class Textura extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            display: this.props.display
        };
    }

    HideTextura = () => {
        const { display } = this.state;
        this.setState(prev => ({
            display: !display
        }));

    };

    render() {

        const { display } = this.state;

            return (
                <div style={{ display: display }} >
                    <button onClick={this.HideTextura}>
                        <img src="../../ic/icon-fechar.svg" alt="Fechar Módulo" id="OptionsClose" />
                    </button>

                    <div id="Options">

             /* content */

                    </div>
                </div>
            );

    }
}

Android xml形状填充整个背景

1 个答案: