paleta - Botón de Android con color de fondo y efecto de onda

cambiar color de fondo android studio

Question

Tengo un botón de Android, donde quiero darle un color de fondo y efecto de onda

mi ripple xml es el siguiente.

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="#BDA0CB"
tools:targetApi="lollipop">
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<solid android:color="#BDA0CB" />
</shape>
</item>
</ripple>

y mi botón es

 <Button android:id="@+id/Button_activity_login_ViewProfile" style="?android:textAppearanceSmall"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_marginTop="16dp" android:text="Save"
android:textStyle="bold"
android:layout_marginLeft="@dimen/margin_left"
android:layout_marginRight="@dimen/margin_right"
android:textColor="#ffffffff"
android:fontFamily="sans-serif"
android:background="#ff7e51c2" />

Para dar el efecto dominó, tengo que eliminar el color de fondo ... ¿Hay alguna manera de mantener ambos?

Answer 1

Esto se puede lograr agregando el android: dibujable en tu ripple.xml.

Primero agrega esto a tu color.xml. Suponiendo que # ff7e51c2 es el color de fondo que desea para su botón.

...
<color name="btn_bg_color">#ff7e51c2</color>
....

Luego crea un dibujable para el fondo del botón (/drawable/btn_bg.xml):

<?xml version="1.0" encoding="utf-8"?><shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<corners android:radius="2dp" />
<solid
android:color="@color/btn_bg_color" />
</shape>

Luego usa el dibujo en tu ripple.xml:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorControlHighlight">
<item android:drawable="@drawable/btn_bg"/>
</ripple>

Answer 2

crea ripple_effect.xml en tu carpeta dibujable

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="#1182bc"
tools:targetApi="lollipop">
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<solid android:color="#1182bc" />
</shape>
</item>
</ripple>

utiliza este xml como fondo de tu vista como a continuación

android:background="@drawable/ripple_effect"

espero que esto ayude ...

Answer 3

Puedes hacer algo como esto en el xml :

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ripple"/>

Cambie su ripple.xml en la carpeta ripple.xml drawable/ siguiente manera:

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="?android:colorControlHighlight">
<item android:id="@android:id/mask">
<shape android:shape="oval">
<solid android:color="?android:colorAccent" />
</shape>
</item>

Answer 4

Cree dos versiones diferentes de archivo xml para que funcione en dispositivos Pre Lollipop.

drawable / button_effect.xml: -

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#3ab5d6"/>
<corners android:radius="3dp"/>
</shape>

drawable-v21 / button_effect.xml: -

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:tools="http://schemas.android.com/tools"
android:color="#635a5a"
xmlns:android="http://schemas.android.com/apk/res/android"
tools:targetApi="lollipop">
<item android:drawable="@drawable/round_button" />
</ripple>

Crear dibujado dibujable en una carpeta dibujable

drawable / round_button.xml: -

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#3ab5d6"/>
<corners android:radius="3dp"/>
</shape>

Puede hacer algo como esto en el layout.xml:

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_effect"/>