Request: add the special effects of ripple etc to the button, as of API 21 about android-floating-action-button

[AndroidDeveloperLB]

There is a similar library that managed to add the ripple effect here:
https://github.com/makovkastar/FloatingActionButton
Perhaps it can be useful?

[AndroidDeveloperLB]

OK, I've found out how to add this, but I'm not sure how to offer the change on Github (fork?), so I will tell you what needs to be done here:

attrs.xml:
add this attribute to "FloatingActionButton":

    <attr name="fab_colorRipple" format="color" />

FloatingActionButton.java :

add field:

 private int mColorRipple;

inside init() method , add this:

mColorRipple = attr.getColor(R.styleable.FloatingActionButton_fab_colorRipple, getColor(android.R.color.white));

and add/change those methods:

@SuppressWarnings("deprecation")
@SuppressLint("NewApi")
private void setBackgroundCompat(Drawable drawable) {
    if (Build.VERSION.SDK_INT >= VERSION_CODES.LOLLIPOP) {
        RippleDrawable rippleDrawable = new RippleDrawable(new ColorStateList(new int[][]{{}},
                new int[]{mColorRipple}), drawable, null);
        setBackground(rippleDrawable);
    } else if (Build.VERSION.SDK_INT >= VERSION_CODES.JELLY_BEAN)
        setBackground(drawable);
    else
        setBackgroundDrawable(drawable);
}

public void setColorRipple(int color) {
    if (color != mColorRipple) {
        mColorRipple = color;
        updateBackground();
    }
}

public void setColorRippleResId(@ColorRes int colorResId) {
    setColorRipple(getColor(colorResId));
}

public int getColorRipple() {
    return mColorRipple;
}

It works fine, but I think that the shadow gets a ripple too, and that the inner icon image should have a ripple.
Also, I suggest using elevation when possible, instead of the shadow that's used. Check this link:
https://github.com/makovkastar/FloatingActionButton/blob/master/library/src/main/java/com/melnykov/fab/FloatingActionButton.java

[afollestad]

+1

[mkay007]

+1

[Mygod]

+1

[chris-horner]

+1

[Poeschl]

+1

[S2V]

+1, will be very useful

[PaulWoitaschek]

+1.

Material without ripples?

[AndroidDeveloperLB]

For those who used what I wrote, has anyone had any issues with it?
I got a very rare issue which might be because of what I did:
#175

[droidwithme]

@AndroidDeveloperLB its not working.

[AndroidDeveloperLB]

@Devendrasingh91 Maybe try one of these solutions (got the tip from: https://plus.google.com/+NickButcher/posts/azEU6s4APbu ) :

1.Wrap the drawable in a RippleDrawable² before setting it on the ImageView:

Drawable image = …
RippleDrawable rippledImage = new RippleDrawable(ColorStateList.valueOf(rippleColor), image, null);
imageView.setImageDrawable(rippledImage);

2.Extend ImageView and add a foreground attribute to it (like FrameLayout has³). See this example⁴ from +Chris Banes of adding it to a LinearLayout. If you do this then make sure you pass through the touch co-ordinates so that the ripple starts from the correct point:

@OverRide
public void drawableHotspotChanged(float x, float y) {
super.drawableHotspotChanged(x, y);
if (foreground != null) {
foreground.setHotspot(x, y);
}
}

[droidwithme]

please simplify a bit more, i am not understanding, where i can write this code. and the co-ordinates.

[AndroidDeveloperLB]

@Devendrasingh91 What to explain more exactly ? What didn't you understand ?
Anyway, I've forked the project just to add this code, here:
https://github.com/AndroidDeveloperLB/android-floating-action-button

I'm sure there are better solutions than what I did.

[droidwithme]

i wanted to make such effect.. like if we click a floatmenubutton than the whole layout should get the effect(in which the parent layout get the ripple effect's color.) than goes to next activity as i have to go on another page. may be this will work on Api21, but what about lower verisons? @AndroidDeveloperLB

[AndroidDeveloperLB]

@Devendrasingh91 I don't understand. Maybe you mean this:
ViewAnimationUtils.createCircularReveal()

example:
https://halfthought.wordpress.com/2014/12/02/reveal-activity-transitions/

[Poeschl]

I use for that this fab: https://github.com/Clans/FloatingActionButton

It has a few more features.

[AndroidDeveloperLB]

@Poeschl Google also added its own, for the new library they've published.

[AndroidDeveloperLB]

any news about this?

[mmoczkowski]

+1