Comment créer bouton Personnaliser la forme avec sélecteur dans android?
MAQUETTE
Button" src="/images/content/18074303/e4c1963ca2b59b31736b0032f2f19cdd.png">
exigence
je veux mettre bouton personnalisé avec sélecteur .
la maquette est donnée ci-dessus.
si quelqu'un connaît la solution, alors partagez-la.
Merci.
4 réponses
fondamentalement, vous aurez besoin de créer de nouveaux fichiers XML et de les appliquer à votre élément bouton. Comme je peux le voir à partir de la maquette, vous aurez besoin d'une touche et la couleur de fond avec un certain effet d'ombrage appliquée, vous pouvez effectuer des recherches plus sur la chose d'ombrage, mais la couleur de fond et la touche est assez droit en avant.
voici un exemple, done_rounded_btn.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_pressed="true"
android:state_enabled="true"
android:drawable="@drawable/zzzzzzzzz_btn_orange" />
<item
android:state_focused="true"
android:state_enabled="true"
android:drawable="@drawable/zzzzzzzzz_btn_orange" />
<item
android:state_focused="false"
android:state_enabled="false"
android:drawable="@drawable/zzzzzzzzz_btn_inactiv" />
<item android:drawable="@drawable/zzzzzzzzz_btn_black"/>
</selector>
pour la partie de sélection et ensuite vous créez le personnalisé tirables correspondant à la maquette.
exemple, zzzzzzzzzz_btn_orange:
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid
android:color="@color/done_color">
</solid>
<corners
android:bottomLeftRadius="3dp"
android:bottomRightRadius="3dp"
android:topLeftRadius="3dp"
android:topRightRadius="3dp" />
</shape>
, puis l'ajouter à votre bouton en arrière-plan, principal.xml:
<Button
android:id="@+id/registers_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="15dp"
android:layout_marginTop="10dp"
android:background="@drawable/done_rounded_btn"
android:text="@string/done_txt"
android:textColor="@color/white"
android:textSize="15sp" />
Espérons que cette aide!
vous pouvez également créer une forme qui utilise un sélecteur à l'intérieur. Si votre forme change juste de couleur dans différents états, c'est beaucoup plus propre.
couleur/color_selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/blue_dark" android:state_pressed="true" />
<item android:color="@color/blue_light" />
</selector>
drawable/forme.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/color_selector" />
<corners android:bottomLeftRadius="6dip" android:bottomRightRadius="6dp" />
<padding android:bottom="0dip" android:left="0dip" android:right="0dip" android:top="0dip" />
</shape>
vous pouvez utiliser ceci à la place du bouton standard et définir le sélecteur comme arrière-plan en xml:
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.Button;
/**
* Custom Shape Button which ignores touches on transparent background.
*/
public class ButtonWithUntouchableTransparentBg extends Button {
public ButtonWithUntouchableTransparentBg(Context context) {
this(context, null);
}
public ButtonWithUntouchableTransparentBg(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ButtonWithUntouchableTransparentBg(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setDrawingCacheEnabled(true);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
int x = (int) event.getX();
int y = (int) event.getY();
// ignores touches on transparent background
if (isPixelTransparent(x, y))
return true;
else
return super.onTouchEvent(event);
}
/**
* @return true if pixel from (x,y) is transparent
*/
private boolean isPixelTransparent(int x, int y) {
Bitmap bmp = Bitmap.createBitmap(getDrawingCache());
int color = Color.TRANSPARENT;
try {
color = bmp.getPixel(x, y);
} catch (IllegalArgumentException e) {
// x or y exceed the bitmap's bounds.
// Reverts the View's internal state from a previously set "pressed" state.
setPressed(false);
}
// Ignores touches on transparent background.
if (color == Color.TRANSPARENT)
return true;
else
return false;
}
}
dans votre article mettez la forme dans le sélecteur XML
EX DE MON CODE:
<!-- if pressed -->
<item android:state_pressed="true"><shape android:padding="10dp" android:shape="rectangle">
<solid android:color="@color/blue" />
<corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
</shape></item>
<!-- if not pressed -->
<item><shape android:padding="10dp" android:shape="rectangle">
<solid android:color="@color/Purbble" />
<corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
</shape></item>