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

Question

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

我想使用这样的方式创建

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

看来您有可以使用的图像。阅读有关 9-patch 的文档以设置边距和可调整大小的区域。

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

Answer 3

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

android:background="@drawable/createdimage"

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 参数取决于您的容器布局