Blaue Markierung über einem ImageView, wenn der Benutzer darauf tippt

Question

Ich habe eine LinearLayout "Karte" mit einem ImageView und einem TextView. Ich möchte, dass die Karte hervorgehoben wird, wenn der Benutzer darauf klickt. Ein Beispiel finden Sie in http://www.youtube.com/watch?v=Yx1l9Y7GIk8&feature=share&t=15m17s.

Dies ist leicht für die TextView durch Einstellung android:background="@drawable/blue_highlight". Im Folgenden finden Sie res/ziehbar/blue_highlight.xml:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_selected="true" android:drawable="@color/selected"/> 
    <item android:state_pressed="true" android:drawable="@color/pressed"/> 
    <item android:drawable="@color/bg_window"/> 
</selector> 

Aber das ist nicht für die Imageview funktioniert, weil das Bild vor und der Hintergrund ist nicht sichtbar. Wie kann ich den Touch-Highlight-Effekt mit einer halbtransparenten Farbe für ein ImageView erzielen?

Answer 1

Erstaunlicherweise hat FrameLayout das foreground Attribut, das dafür verwendet werden kann. Der Nachteil ist, dass Sie ein zusätzliches FrameLayout-Element hinzufügen müssen. Die Implementierung ist einfach. Bis Sie also die Möglichkeit haben, eine phantasievolle Bildverarbeitung zu implementieren (das Bild ein wenig zu kolorieren, die Hervorhebung zu übernehmen) und die Zeichen für den Zustand dynamisch zu erstellen, scheint dies gut genug zu sein.

Also in meinem Fall sei:

<FrameLayout 
    android:foreground="@drawable/blue_highlight_image" 
    > 
    <ImageView ...> 
</FrameLayout> 

@ ziehbar/blue_highlight_image verwendet einen neuen @ color/pressed_image Wert, der mit @ color/gedrückt ähnlich ist, aber einen Alphakanal hat, zum Beispiel: # 81CFEB -> # AA81CFEB.

Danke @Vang für den Vorschlag.

Answer 2

Sie sind auf dem richtigen Weg. Versuchen Sie, die Datei blue_highlight.xml als Zeichenfläche zu verwenden. Verwenden Sie stattdessen die Farben, die Sie anzeigen möchten, und definieren Sie ein zweites Zeichenelement, das dem Bild einen Farbfilter hinzufügt, wenn es hervorgehoben wird.

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_selected="true" android:drawable="@drawable/yourdrawable_with_colorfilter"/> 
    <item android:state_pressed="true" android:drawable="@drawable/yourdrawable_with_colorfilter"/> 
    <item android:drawable="@drawable/your_drawable"/> 
</selector>