java - Set ripple effect on Image View -


got following image view:

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

ripple works great if don't set bitmap image view. once set bitmap this, ripple effect gone:

imageview iv=((imageview)rootview.findviewbyid(r.id.header)); iv.setimagebitmap(mybitmap);

this 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>

i guess bitmap hides ripple effect, how can make visible? tried:

  1. changing android:background android:foreground, didn't work.
  2. configuring transparent imageview on top of one, since transparent ripple wasn't shown.

any ideas? i've seen lollipop contacts made well.

i have image gallery (built recyclerview , gridlayoutmanager). image set using picasso. add ripple image i've wrapped imageview framelayout. item layout is:

<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 android:foreground. it's not same android:background. i've tried without android:clickable="true" , android:focusable="true" , works, doesn't hurt.

then add ripple.xml drawable 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>

note shows semi-transparent color on top of image when item selected (for devices version older android 5.0). can remove if don't want it.

then add ripple.xml drawable ripple res/drawable-v21:

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

you can use default ripple effect instead of custom ripple.xml, it's difficult see on top of image because it's grey:

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

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending ...
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change...
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500)); ...
Read more