lollipop - android marshmallow

Android L efecto de toque ondulado en la forma?

Question

Tengo un rectángulo redondeado con elevación que arroja una sombra, al igual que en el ejemplo aquí: http://developer.android.com/preview/material/views-shadows.html#shadows

Aquí está mi forma:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/white" />
    <corners android:radius="6dp" />
</shape>

Quiero obtener el agradable efecto de toque "ondulado" que tiene todo lo demás, pero cuando se establece como fondo de la vista, no se da ningún comentario táctil. La forma se mantiene blanca.

Entonces, lo hice en una layer-list :

<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">
            <solid android:color="@android:color/white" />
            <corners android:radius="6dp" />
        </shape>
    </item>
    <item android:drawable="?android:selectableItemBackground" />
</layer-list>

Ahora recibo un buen comentario táctil cuando lo toco, pero hay un problema.

El contorno de la forma del rectángulo redondeado se perdió. Todavía dibuja bien el rectángulo redondeado blanco, pero la sombra se proyecta como un rectángulo no redondeado (bordes cuadrados), y la ondulación va más allá de las esquinas:

No se ve muy horrible aquí, pero en el dispositivo es bastante desagradable y desagradable.

¿Hay alguna manera de arreglar esto? La sección de Outline del primer enlace parece ser lo que quiero, pero no puedo encontrar la manera de implementarlo.

Answer 1

Prueba ese:

ripple.xml

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

background.xml

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

O tal vez esta publicación te ayudará: Android L FAB Button shadow

Expliqué allí, cómo implementar el nuevo botón FAB, también utilicé el esquema para eso.

Answer 2

ondulación toque el botón de efecto en el estudio Android

       <com.xgc1986.ripplebutton.widget.RippleButton
        android:id="@+id/Summit"
        android:layout_width="260dp"
        android:layout_height="50dp"
        android:text="Login"
        android:textColor="@color/white"
        android:textStyle="bold"
        app:buttonColor="@color/Button"
        app:rippleColor="@color/white" />

Para obtener más información, haga clic aquí http://androiddhina.blogspot.in/2015/04/android-ripple-touch-effect-example.html

Answer 3

haga clic aquí para obtener el código fuente completo

Crear button.xml en una carpeta dibujable

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/colorPrimaryDark"/>
    <item android:drawable="@color/colorPrimary"/>
</selector>

Crear button.xml en la carpeta drawable-v21

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item android:drawable="@color/colorPrimary" />
</ripple>

puede establecer button.xml como fondo de su vista.

<TextView android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:background="@drawable/button"
    android:clickable="true"
    android:gravity="center"
    android:padding="16dp"
    android:text="Android Ripple Effect Custom"
    android:textColor="#fff"
    android:textSize="18sp" />

Si desea un color personalizado para efecto de onda en lugar de gris predeterminado, puede archivarlo agregando colorControlHighlight en su estilo.

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="colorControlHighlight">@color/colorPrimaryDark</item>
    </style>

</resources>

Answer 4

<RelativeLayout
 android:foreground="?android:attr/selectableItemBackground">

</RelativeLayout>