Android按钮位置图标在它上面

Question

我想在按钮顶部放置一个图像/图标，如何在css中与zindex达到相同的效果。我该怎么做到。

下面是我的布局文件和按钮的xml文件的示例。

布局File.axml

<Button
android:text="RTC Alarm"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_width="270dp"
android:layout_height="80dp"
android:background="@drawable/ButtonInfo"
android:shadowColor="#C4BEBE"
android:layout_gravity="center"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="5"
android:layout_marginTop="10.1dp"
android:layout_marginBottom="10.1dp"
android:id="@+id/btnAlA" />

ButtonInfo.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/inzien"
android:width="40dp"
android:height="40dp"
android:left="0dp"
android:top="20dp"
/>
<item>
<shape>
<corners
android:radius="14dp"
/>
<gradient
android:angle="270"
android:centerX="35%"
android:centerColor="#9C0009"
android:startColor="#C7000B"
android:endColor="#000000"
android:type="linear"
/>
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp"
/>
<size
android:width="270dp"
android:height="60dp"
/>
<stroke
android:width="3dp"
android:color="#878787"
/>
</shape>
</item>
</layer-list>

Answer 1

在ButtonInfo.xml中使用以下代码

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

<item>
    <shape>
        <corners
            android:radius="14dp"
            />
        <gradient
            android:angle="270"
            android:centerX="35%"
            android:centerColor="#9C0009"
            android:startColor="#C7000B"
            android:endColor="#000000"
            android:type="linear"
            />
        <padding
            android:left="0dp"
            android:top="0dp"
            android:right="0dp"
            android:bottom="0dp"
            />
        <size
            android:width="270dp"
            android:height="60dp"
            />
        <stroke
            android:width="3dp"
            android:color="#878787"
            />
    </shape>
</item>

<item android:drawable="@drawable/icon_leader_board"
    android:gravity="center_horizontal|top"
    />

您需要在底部添加上层，因为z顺序从下到上保持