Question

如何在Android XML中创建像iPhone后退按钮这样的尖头按钮？

enter image description here

我想像这样使用

创建

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" >
        <shape>
            <gradient
                android:startColor="#f8bb49"
                android:endColor="#f7941d"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#8c8382" />
            <corners.....

Answer 1

Path和PathShape可以构建您想要的任何内容。通过将两个图层分层并使用渐变填充，您可以创建3D效果（凹陷）效果。

但是，如果您希望能够使用XML定义，则需要一个可用于创建可绘制引用的类。对不起，我还没有确切的代码，但这是我打算做的事情（这就是我发现你的问题的方式）。

Answer 2

像这样创建图像并使用 ImageButton 而不是Button 并将此属性用于ImageButton

android:background="@drawable/createdimage"

Answer 3

看起来你有一个可以使用的图像。阅读9-patches上的文档以设置边距和可调整大小的区域。

http://developer.android.com/guide/developing/tools/draw9patch.html

Answer 4

我为以下后退按钮

做了这个

https://drive.google.com/file/d/0B1cySRpqElgyTkptOFpQa3NsdDQ

使用XML文件：

<强> left_arrow.xml ：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item >
        <rotate
            android:fromDegrees="-45"
            android:toDegrees="-45"
            android:pivotX="89%"
            android:pivotY="-22%" >
            <shape 
                android:shape="rectangle" >
                <stroke android:color="@color/calendarOrange" android:width="3dp"/>
                <solid
                    android:color="@color/drakBlue" />
            </shape>
        </rotate>
    </item> 
</layer-list>

<强> button_body.xml ：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:left="-4dp">
        <shape   android:shape="rectangle" >
                <stroke android:color="@color/calendarOrange" android:width="3dp"/>
                <solid
                    android:color="@color/drakBlue" />
        </shape>
    </item>
</layer-list>

将他们聚集在一起：

<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:weightSum="1.0"
    >
    <RelativeLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/left_arrow"
        android:layout_weight="0.7"
        >
    </RelativeLayout>
    <RelativeLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/button_body"
        android:layout_weight="0.3"
    >

        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:textColor="@color/white"
            android:text="Back"
            android:gravity="center"
            android:textStyle="bold"
            android:textSize="22dp"
        />
    </RelativeLayout>
</LinearLayout>

PS：您可能需要更改 android：pivotX 和 android：pivotY 参数，具体取决于您的参赛者布局

如何在android上创建一个尖头按钮？

4 个答案: