Effet d'entraînement sur la forme drawable

Essayer de faire quelque chose de vraiment simple d'ici et d'avoir regardé un tas de ressources, mais en vain. Je suis en train d'essayer d'obtenir l'effet d'entraînement sur un bouton qui utilise un drawable de fond de type de shape drawable. Les fichiers concernés:

background_button:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1px"
        android:color="#80ffffff" />
    <solid android:color="@android:color/transparent" />
</shape>

ripple.xml dans le drawable-v21 dossier:

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

Button.xml:

   <Button
                    android:id="@+id/login_button"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp"
                    android:layout_weight="1"
                    android:paddingTop="10dp"
                    android:paddingBottom="10dp"
                    android:background="@drawable/ripple"


 />

Quel est le problème ici.
Merci!

OriginalL'auteur user2511882 | 2015-12-24

16

Mon conseil serait de ne pas utiliser <ripple tag. J'ai 2 raisons: il n'est pas facile à faire exactement ce que vous voulez et vous avez à 2 différents .xml fichiers pour chaque arrière-plan. Je n'aime pas avoir drawable-v21 dossier.

Ma solution est d'envelopper votre Button avec FrameLayout et l'utilisation android:foreground attribut. De cette façon, vous pouvez avoir tout ce de fond que vous voulez et vous pouvez garder l'effet d'entraînement.
```
<FrameLayout
    android:id="@+id/login_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:layout_weight="1"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:foreground="?attr/selectableItemBackground">

    <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/background_button"/>
</FrameLayout>
```
Avis que j'ai déménagé tous les attributs et l'id de FrameLayout. Vous devez définir onClickListener à FrameLayout au lieu de la Button.

Btw, ?attr/selectableItemBackground est grande. Utiliser autant que possible. Il remplace bleu Holo de couleur avec du gris pour les vieux appareils à partir d'Android 4.0 à 4.3.

Cela semble être une solution convenable. Je vais essayer cela et mettre une mise à jour bientôt. Merci!
C'est ce que je suis en train de faire pour un long temps. Il assure la cohérence de l'Api de niveau 7 à 23. J'espère que cela fonctionnera pour vous
Malheureusement., cela ne fonctionne pas.
Pouvez-vous envoyer ce que vous essayer? Il devrait fonctionner.
Pourquoi ne pas tout simplement mettre au premier plan de l'élément sur le bouton directement ?

OriginalL'auteur tasomaniac

De l'essayer.

ripple_effect.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="#2797e0"
tools:targetApi="lollipop">
<item android:id="@android:id/mask">
    <shape android:shape="rectangle">
        <solid android:color="#2797e0" />
    </shape>
</item>

button.xml

 <Button
                android:id="@+id/login_button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:layout_weight="1"
                android:paddingTop="10dp"
                android:paddingBottom="10dp"
                android:background="@drawable/ripple_effect"/>

construire.gradle

   compile 'com.android.support:appcompat-v7:23.1.1'

cela fonctionne, mais le rectangle n'est plus visible
Cela fonctionne! Et, bien sûr, vous devez vous rappeler que l'ondulation de lui-même utilise la forme dessiné comme un masque. Donc, pour obtenir à la fois de l'ondulation ET de la forme affichée, on peut aller dans l'arrière-plan et l'autre en premier plan des attributs.
Cela a fonctionné pour moi quand j'ai enlevé android:id="@android:id/mask" de item

OriginalL'auteur Quang Doan

qui fonctionne pour moi
drawable/rect.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/listview_background_shape">
    <stroke android:width="1dp" android:color="#FF4C71F5" />
    <padding android:left="0dp"
        android:top="0dp"
        android:right="0dp"
        android:bottom="0dp" />
    <corners android:radius="5dp" />
    <solid android:color="#00000000" />

</shape>

et ondulations
drawable/rip.xml

<?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="#f816a463"
    tools:targetApi="lollipop">
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#f816a463" />
        </shape>
    </item>
</ripple>

et pour votre bouton

 <Button
                android:id="@+id/nm"
                android:layout_width="80dp"
                android:layout_height="40dp"
                android:layout_weight="1"
                android:background="@drawable/rect"
                android:enabled="true"
                android:text="@string/vnm"
                android:textColor="@color/colorpr"
                android:textStyle="bold"
                android:foreground="@drawable/rip"/>

espérons que cette aide !!!

OriginalL'auteur Mohamed Hocine

Ce travail pour moi..

<?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="@color/smooth_white"
    tools:targetApi="lollipop">
    <item android:drawable="@drawable/button_green_background" />
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="@color/smooth_white" />
        </shape>
    </item>
</ripple>

Le point est la section

<item android:drawable="@drawable/button_green_background" />

À moins que, vous avez différentes bouton de forme de forme de masque, il serait plus propre d'utiliser le même @drawable/button_green_background pour le fond et pour le masque.

OriginalL'auteur latifalbr

J'ai eu la tâche similaire. Laissez-moi vous expliquer comment je le résoudre. C'sorties cercle imageViews avec l'ombre et l'effet d'entraînement ne va au-delà du cercle des limites.

<ImageView
    android:id="@+id/iv_undo"
    android:layout_width="@dimen/iv_width_altmenu"
    android:layout_height="@dimen/iv_height_altmenu"
    android:src="@drawable/undo"
    android:elevation="@dimen/elevation_buttons"
    android:foreground="@drawable/ripple_effect"
    android:background="@drawable/buttons_inactive_coloring"
   />

Le suivant fournit de l'effet d'entraînement:

android:foreground="@drawable/ripple_effect"

Le suivant fournit cercle imageView.

android:background="@drawable/buttons_inactive_coloring"

Le texte qui suit fournit de l'ombre:

android:foreground="@drawable/ripple_effect"

Un autre problème que vous pourriez être probablement faire face est l'effet d'entraînement sort du cercle des limites. Afin de résoudre, utiliser les fichiers suivants ripple_effect.xml)

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="@color/button_active"
    tools:targetApi="lollipop">
    <item android:id="@android:id/mask">
        <shape android:shape="oval">
            <solid android:color="@color/button_active" />
        </shape>
    </item>
</ripple>

Si vous n'utilisez pas les éléments suivants :

<item android:id="@android:id/mask">
        <shape android:shape="oval">
            <solid android:color="@color/button_active" />
        </shape>
    </item>

effet d'entraînement va au-delà du cercle des limites et ce n'est pas agréable. Soyez prudent et prend, il est facile.

OriginalL'auteur oiyio

Cela aidera

<com.abcd.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" />

Voir pour plus de cette

OriginalL'auteur Aditya Vyas-Lakhan

Solution plus simple à utiliser ce drawable-xml en tant que valeur de la propriété "android:background" du Bouton:

drawable/bkg_ripple.xml:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
    <item android:drawable="?attr/colorPrimary"/>
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="#000000" />
        </shape>
    </item>
</ripple>

button.xml:

<Button
    android:id="@+id/mybutton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    ...
    android:background="@drawable/bkg_ripple"
/>

OriginalL'auteur Gregory

Vous devez vous connecter pour publier un commentaire.