Как создать заостренную кнопку на Android?

Question

Как создать заостренную кнопку, например, кнопку возврата iPhone в Android XML?

Я хочу создать, используя это

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

Я сделал это для следующей кнопки возврата

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 в зависимости от макета вашего посетителя

Answer 3

Похоже, у вас есть изображение, с которым вы можете работать. Прочитайте документы на 9-патчи, чтобы установить поля и изменяемые размеры областей.

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

Answer 4

Создайте подобное изображение и используйте ImageButton вместо Button и используйте это свойство для ImageButton

android:background="@drawable/createdimage"