Android: Faire un bouton en forme de triangle à l'aide de définitions xml (drawable)

Je veux créer ce à l'aide du bouton (TextView) à l'aide de XML définition:

Dans la mise en page de l'Activité que j'ai:

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_arrow" <!-- I NEED IMPLEMENT THIS -->
        android:clickable="true"
        android:drawablePadding="7dp"
        android:gravity="center"
        android:drawableLeft="@drawable/music_cloud"
        android:onClick="exportSong"
        android:padding="20dp"
        android:text="@string/export_upload"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/dark_yellow_text_color"
        android:textStyle="bold" />

J'ai fondé plusieurs postes:

faire-un-triangle-forme à l'aide de xml-définitions

Android triangle (flèche), définie comme une forme XML

ou Android - faire une forme de flèche avec xml

J'ai essayé de modifier plusieurs de définition XML, mais rien n'était bon. Est-il un moyen facile comment mettre en place cette forme? Il doit aussi avoir un fond transparent.

xnl les formes ne sont pas un "usage général" façon de déclarer tous un drawable on a besoin, essayez d'écrire votre custom android.les graphiques.drawable.formes.La forme et l'utiliser avec une ShapeDrawable

OriginalL'auteur Pepa Zapletal | 2015-02-01

Si quelqu'un a encore des problèmes avec ceci :

xml:

<item android:top="45dp">
    <shape>
        <size android:height="100dp" android:width="90dp"/>
        <solid android:color="@android:color/holo_orange_light" />
    </shape>
</item>
<item android:top="36dp" android:left="11dp">
    <rotate
        android:fromDegrees="45"
        android:toDegrees="0"
        android:pivotX="80%"
        android:pivotY="20%" >
        <shape>
            <size android:width="40dp"
                android:height="30dp"/>
            <stroke android:color="@android:color/holo_orange_light" android:width="1dp"/>
            <solid android:color="@android:color/holo_orange_light" />
        </shape>
    </rotate>
</item>
</layer-list>

remplacer TextView et à utiliser dans votre mise en page:

public class CustomTextView extends TextView {

    private int mWidth;
    private int mHeight;


    public CustomTextView(Context context, AttributeSet attrs)  {
        super(context, attrs);

    }

    @Override
    protected void onDraw(Canvas canvas) {

       super.onDraw(canvas);
        Paint mPaint = new Paint();
        int color = getResources().getColor(R.color.YourColor);

        mPaint.setColor(color);
        Path mPath = new Path();
        mPath.moveTo(.0f, this.getHeight());
        mPath.lineTo(0.8f * this.getWidth(), this.getHeight());
        mPath.lineTo(this.getWidth(), 0.5f * this.getHeight());
        mPath.lineTo(0.8f * this.getWidth(), .0f);
        mPath.lineTo(.0f, .0f);
        mPath.lineTo(.0f, this.getHeight());

        canvas.clipPath(mPath);
        canvas.drawPath(mPath,mPaint);


    }
}

Concernant le xml exemple: il y a deux rectangles se chevauchent.Vous avez à jouer avec les valeurs beaucoup et de ce fait, il est difficile de les utiliser sur différents points de vue. Je pense que l'utilisation d'un affichage personnalisé est la meilleure solution dans ce cas.

Parfois vous avez juste à la dégradation et à faire une présentation personnalisée. Merci pour le rendre un bel exemple simple.
mais il semble que le texte de la Propriété sera perdu si nous utilisons votre code !
Mettez juste super.onDraw(canvas); appel à la fin de la Méthode onDraw , aussi, ce qui va rendre ce code fonctionne correctement

OriginalL'auteur Hanelore Ianoseck

<item>
<inset android:insetBottom="2dp" >
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true">
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke
android:width="1dip"
android:color="#5e7974" />
<gradient
android:angle="-90"
android:centerColor="#ECEFF1"
android:endColor="#FFAB00"
android:startColor="#FFAB00" />
</shape>
</item>
<item android:state_focused="true">
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke
android:width="1dip"
android:color="#5e7974" />
<gradient
android:angle="-90"
android:centerColor="#ECEFF1"
android:endColor="#FFAB00"
android:startColor="#FFAB00" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:radius="3dip" />
<stroke
android:width="1dip"
android:color="#5e7974" />
<gradient
android:angle="-90"
android:centerColor="#ECEFF1"
android:endColor="#FFD600"
android:startColor="#FFD600" />
</shape>
</item>
</selector>
</inset>
</item>
<item
android:bottom="65dp"
android:right="-129dp"
android:top="-40dp">
<rotate android:fromDegrees="50" >
<shape android:shape="rectangle" >
<solid android:color="@color/background_color_light_yellow" />
</shape>
</rotate>
</item>
<item
android:bottom="-40dp"
android:right="-129dp"
android:top="65dp">
<rotate android:fromDegrees="-50" >
<shape android:shape="rectangle" >
<solid android:color="@color/background_color_light_yellow" />
</shape>
</rotate>
</item>

OriginalL'auteur Ajay Adkar

Vous devez vous connecter pour publier un commentaire.