Android Custom Shape Button

Użyj OnTouch zamiast OnClick i sprawdź wartość alfa obrazu używanego w przycisku.Jeśli nie równa się zero, rób co chcesz. Sprawdź followsig code,

final Bitmap bitmap;  //Declare bitmap     
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.TheImage);


public boolean onTouch(View v, MotionEvent event) {

        int eventPadTouch = event.getAction();
        float iX=event.getX();
    float iY=event.getY();

        switch (eventPadTouch) {

            case MotionEvent.ACTION_DOWN:
                if (iX>=0 & iY>=0 & iX<bitmap.getWidth() & iY<bitmap.getHeight()) { //Makes sure that X and Y are not less than 0, and no more than the height and width of the image.                
                    if (bitmap.getPixel((int) iX, (int) iY)!=0) {
                        // actual image area is clicked(alpha not equal to 0), do something 
                    }               
                }
                return true;                
        }           
        return false;
}

U można spróbować tego:

        <Button
        android:id="@+id/logout"
        android:layout_width="240dp"
        android:layout_height="28dp"
        android:layout_weight="1"
        android:gravity="center"
        android:text="ContactsDetails"
        android:textColor="#ffffff" android:layout_marginLeft="50dp" android:background="@drawable/round"/>

I utworzyć okrągły.plik xml w katalogu drawable:

        <?xml version="1.0" encoding="utf-8"?>
      <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle" android:padding="0dp" android:useLevel = "false">
    <!-- you can use any color you want I used here gray color-->
     <solid android:color="#ABABAB"/> 
       <corners
       android:bottomRightRadius="0dp"
         android:bottomLeftRadius="0dp"
       android:topLeftRadius="0dp"
      android:topRightRadius="70dp"/>
       </shape>

Użyj layer-list, możesz zaprojektować dowolny kształt dowolnego przycisku gradientu oto przykład

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <corners

                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="2dp"
                android:bottomRightRadius="15dp"
                />            
            <!-- The border color -->
            <solid android:color="#ffffff" />
        </shape>
    </item>

    <item android:right="2dp"
        android:left="2dp"
        android:bottom="2dp">
            <shape>            
            <gradient                
                android:startColor="#002a36"
                android:centerColor="#457c8e"
                android:endColor="#e6ffff"               
                android:angle="90" 
                  android:centerY="1"
                android:centerX="0.5"           
                />          

            <corners

                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="2dp"
                android:bottomRightRadius="15dp"
                />            
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" 
                />                        
        </shape>
    </item>
</layer-list> 

Użyj wartości promienia-ve, aby nadać kształt przycisku tak, jak wspomniano u

Miałem podobny problem, ale nie chciałem polegać na kodzie za zbadać wartość piksela. Chciałem prosty sposób (nie przeciążenie klasy), aby ograniczyć Zdarzenie dotykowe tylko do części podrzędnej drawable. Poniżej używam LinearLayout do rysowania, a następnie w środku umieszczam przezroczysty przycisk (z tekstem). Mogę dostosować margines przycisku, aby ustawić klikalny obszar.

    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:background="@drawable/circle">
        <Button
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:id="@+id/btnTimer1"
            android:text="0:00"
            android:textColor="#ffffff"
            android:textSize="22dp"
            android:layout_margin="20dp"
            android:background="@android:color/transparent"/>
    </LinearLayout>

Najlepsze i najłatwiejsze rozwiązanie (as4me) znalazłem tutaj - jest to subklasowany przycisk {[2] } i dzięki temu obsługuje selektor. Wszystko, co musisz zrobić, to narysować / dodać odpowiednie pngs dla każdego stanu przycisku, aby użyć selektora i zadeklarować onClick w xml lub dodać OnClickListener w kodzie i jesteś gotowy do pracy.

Zamiast tych wszystkich zmian, powinieneś użyć układu ramki w części otaczającej przycisk i zamaskować górną prawą część jakimś czymś (okrągłym, jak zaokrąglony przycisk) i przypisać do tej części bez słuchacza kliknięć. To w efekcie ukrywa dolną ramkę (tj. oryginalny przycisk) i maskuje ją z nieaktywną częścią.

Próbowałem odpowiedzieć przez @ Basim Sherif (link) i działa świetnie jednak tylko wtedy, gdy rozmiar przycisku jest taki sam jak oryginalnego obrazu. Jeśli przycisk został rozciągnięty, klikalny region będzie mniejszy, a jeśli przycisk został ustawiony na mniejszy rozmiar, klikalny region będzie większy niż rzeczywisty przycisk.

Rozwiązanie jest proste, polega na skalowaniu wartości iX i iY tak, aby pasowały do oryginalnej bitmapy.

A oto moja zmodyfikowana wersja kodu:

final Bitmap bitmap;  //Declare bitmap     
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.TheImage);

public boolean onTouch(View v, MotionEvent event) {

    int eventPadTouch = event.getAction();
    float iX=event.getX();
    float iY=event.getY();

    // Get the dimensions used in the view
    int realW = this.getWidth();
    int realH = this.getHeight();

    // Get the dimensions of the actual image
    int bitmapW = bitmap.getWidth();
    int bitmapH = bitmap.getHeight();

    // Scale the coordinates from the view to match the actual image
    float scaledX = iX * bitmapW / realW;
    float scaledY = iY * bitmapH / realH;

    switch (eventPadTouch) {
        case MotionEvent.ACTION_DOWN:
            if (scaledX >= 0 & scaledY >= 0 & scaledX < bitmap.getWidth() & scaledY < bitmap.getHeight()) { //Makes sure that X and Y are not less than 0, and no more than the height and width of the image.                
                if (bitmap.getPixel((int) scaledX, (int) scaledY)!=0) {
                    // actual image area is clicked(alpha not equal to 0), do something 
                }
            }
            return true;
    }
    return false;
}