在 android xml 文件中设计特定按钮答案

【问题标题】：design specific button in android xml file在 android xml 文件中设计特定按钮
【发布时间】：2015-03-08 00:45:51
【问题描述】：

如何在 android xml 文件中设计如下图所示的按钮？

我不想用imageView，我只想用xml设计。

我使用eclipse ide：

【问题讨论】：

标签： android xml user-interface android-xml android-ui

【解决方案1】：

<Button
android:id="@+id/exit_button"
android:text="خروج"
android:textColor="#FFFFFF"
android:textSize="30sp"
android:layout_width="164dp"
android:layout_height="100dp"
android:background="@drawable/buttonshape"
android:shadowColor="#A8A8A8"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="5"
/>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<corners android:radius="13dp"/>
<gradient
android:angle="45"
android:centerX="35%"
android:centerColor="#7995A8"
android:startColor="#7995A8"
android:endColor="#7995A8"
android:type="linear"
/>
<padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp"/>
<size android:width="164dp" android:height="100dp />
</shape>

【讨论】：

谢谢，你能解释我如何使用这个代码吗？

【解决方案2】：

    **Define button like this** 
    <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:paddingTop="20dp"
            android:paddingBottom="20dp"
            android:text="خروج"
            android:drawablePadding="10dp"
            android:drawableTop="@drawable/shutdown"
            android:background="@drawable/square_shadow"
            android:textColor="#ffffff"
            android:id="@+id/button"
            android:textAppearance="?android:textAppearanceLarge"
            android:textStyle="bold"
            android:layout_gravity="center_horizontal" />

It's selector like this

<!-- Bottom 2dp Shadow -->
<item>
    <shape  android:shape="rectangle">

        <solid android:color="#2E4D54" />
        <corners android:radius="10dp" />

    </shape>
</item>


<!-- White Top color -->
<item android:bottom="13px" android:right="13px"
    >


    <shape  android:shape="rectangle">

        <solid android:color="#336E7B" />
        <corners android:radius="10dp" />


    </shape>

</item>
<item android:bottom="13px" android:right="13px"
    >


    <shape  android:shape="rectangle">

        <solid android:color="#336E7B" />
        <corners android:radius="10dp" />


    </shape>

</item>

可绘制关机图片

【讨论】：

哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇
请用更新的选择器代码替换选择器添加 android:right="13px"

【解决方案3】：

一切都已完成，只需根据您更改可绘制的顶部按钮图像，如果您有任何疑问，请不要犹豫。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    >

    <Button
        android:layout_centerInParent="true"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:drawableTop="@android:drawable/ic_lock_power_off"
        android:background="@drawable/background"
        android:text="خروج"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:textSize="30sp" />

</RelativeLayout>


    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <shape 
            android:shape="rectangle">
        <solid android:color="#2E4D54" />
        <corners android:radius="13dp"/>
        </shape>
    </item>
    <item android:right="3dp"  android:bottom="3dp">
        <shape 
            android:shape="rectangle">
        <solid android:color="#336E7B"/>
        <corners android:radius="13dp"/>
        </shape>
    </item>
</layer-list>

【讨论】：