Définir l'effet d'entraînement sur la vue d'image

Le suivant d'Affichage de l'Image:

<ImageView
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:scaleType="centerCrop"
    app:layout_collapseMode="parallax" 
    android:clickable="true"
    android:focusable="true"
    android:background="?android:attr/selectableItemBackground"/>

Ondulation fonctionne très bien si je n'ai pas mis une image à l'affichage de l'image. Mais une fois que j'ai mis une image bitmap comme ça, l'effet d'entraînement est parti:

ImageView iv=((ImageView)rootView.findViewById(R.id.header));
iv.setImageBitmap(myBitmap);

C'est mon ripple.xml:

<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>
</ripple>

Je suppose que l'image se cache l'effet d'entraînement, comment puis-je le rendre visible? Déjà essayé:

Changer android:arrière-plan pour android:premier plan, qui n'a pas fonctionné.
La configuration d'un autre transparent ImageView sur le dessus de celui-ci, mais depuis qu'il a été transparent ondulation n'était pas indiqué.

Des idées? J'ai vu Sucette Contacts.

source d'informationauteur Jjang

J'ai une image de la galerie (construit avec un RecyclerView et un GridLayoutManager). L'image est définie à l'aide de Picasso. Pour ajouter une ondulation sur l'image j'ai enveloppé le ImageView avec un FrameLayout. La disposition des éléments est:

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="120dp"
    android:foreground="@drawable/ripple"
    android:clickable="true"
    android:focusable="true"
    >
    <ImageView
        android:id="@+id/grid_item_imageView"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        />
</FrameLayout>

Note le android:foreground. Ce n'est pas le même que android:background. J'ai essayé sans android:clickable="true" et android:focusable="true" et il a également œuvresmais il ne fait pas de mal.

Puis ajouter un ripple.xml drawable dans res/drawable:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#7FF5AC8E" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</selector>

Noter que cette montre une semi-transparent de couleur sur le dessus de l'image lorsque l'élément est sélectionné (pour les appareils avec une version antérieure à la version Android 5.0). Vous pouvez le supprimer si vous ne souhaitez pas.

Puis ajouter le ripple.xml dessinés avec ondulation dans res/drawable-v21:

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/coral">
</ripple>

Vous pouvez utiliser la valeur par défaut effet d'entraînement à la place de la coutume ripple.xmlmais c'est vraiment difficile à voir sur une image parce que c'est gris:

android:foreground="?android:attr/selectableItemBackground"

Vous pouvez la réaliser,enveloppant le drawable dans un RippleDrawable.

ImageView iv=((ImageView)rootView.findViewById(R.id.header));
Drawable image = .... //your image.

RippleDrawable rippledImage = new   
         RippleDrawable(ColorStateList.valueOf(rippleColor), image, null);
iv.setImageDrawable(rippledImage)

;

Pour les paresseux comme moi:

android:foreground="?android:attr/selectableItemBackground"

Et de personnaliser l'ondulation de la couleur dans votre style.

dans values/styles.xml

<style name="colorControlHighlight_blue">
   <item name="colorControlHighlight">@color/main_blue_alpha26</item>
</style>

Puis, dans votre fragment avant de l'inflation dans onCreateView():

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
   getContext().getTheme().applyStyle(R.style.colorControlHighlight_blue, true); //blue ripple color
   View view = inflater.inflate(R.layout.my_fragment_layout, container, false);
   return view;
}

Avec un effet circulaire essayez ceci :

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="@color/colorTema3"
tools:targetApi="lollipop">
<item android:id="@android:id/mask">
    <shape android:shape="rectangle">
        <solid android:color="@color/colorPurpleBarra" />
    </shape>
</item>
<item
    android:id="@android:id/background"
    android:drawable="@android:color/transparent" />

Vous devez vous connecter pour publier un commentaire.