B4A Library Ripple Effect library

This library wraps this open source project: https://github.com/patrickpissurno/RippleEffect
License: https://github.com/patrickpissurno/RippleEffect/blob/master/LICENSE.txt
You can use it to add ripple effects to views:

(image taken from the open source documentation)

It is simple to use it. See the included example.

If you are applying this effect to a view that is added by code then you need to first add the view to its parent and then add the effect.

 

[ivan.tellez]

The animation is asynchronous. It shouldn't be affected by the code execution.

This is not really true, the ripple will pause until the code in the click event finishes. I try CallSubDelayed and DoEvents, but with the same result.

The other Bug, if you use this for hide and show views, the ripple wil be paused, and then started when the view is visible again.


There are 2 bugs, or maybe I'm Doing something wrong. Can you please check the test code to confirm this?

Use the middle buttons to check the asynchronous animation problem, and the side buttons to thest the problem when the view is hided.

Thanks

 

[Erel]

You are correct. The animation is indeed executed on the main thread. This is apparently how the open source project implemented this effect.

The B4A library is just a thin wrapper above it.

 

[bluedude]

I think the ripple effect isn't that useful. Tried it on a button but the user does not always see the effect because the button click event immediately executes. Why bother to have a ripple effect if the user does not notice it?

So either it needs to wait executing and show or we don't need it because it makes no sense. I noticed when I start for example my barcode scanner that the effect started after getting back to my app.

It is a cool effect but only when it is applied at the right moment.

 

[ivan.tellez]

the effect started after getting back to my app

Thats the whole "animation is executed on the main thread" problem of this lib.

Why bother to have a ripple effect if the user does not notice it?

Thats a UI design problem, not of the effect.

 

[Ian Garton]

Unfortunately this library seems to error on Convert Byte Code if used in conjunction with the MSMaterialMenu library.

UNEXPECTED TOP-LEVEL EXCEPTION:
java.lang.IllegalArgumentException: already added: Lcom/andexert/library/RippleView$1;
    at com.android.dx.dex.file.ClassDefsSection.add(ClassDefsSection.java:122)
    at com.android.dx.dex.file.DexFile.add(DexFile.java:161)
    at com.android.dx.command.dexer.Main.processClass(Main.java:685)
    at com.android.dx.command.dexer.Main.processFileBytes(Main.java:634)
    at com.android.dx.command.dexer.Main.access$600(Main.java:78)
    at com.android.dx.command.dexer.Main$1.processFileBytes(Main.java:572)
    at com.android.dx.cf.direct.ClassPathOpener.processArchive(ClassPathOpener.java:284)

 

[Erel]

The fix for such issues is to open one of the jar files (MSMaterialMenu or this one) with 7zip and delete all the duplicate classes.

 

[thedesolatesoul]

Yes, MSMaterialMenu definitely contains that duplicate class. But it also exposes it to let you use it. Essentially you could just instantiate and use that version, so you dont need two libraries. (Same issue with MSMaterialDialogs).

 

[ivan.tellez]

MSMaterialMenu definitely contains that duplicate class. But it also exposes it to let you use it.

The class in MSMaterialMenu it has also the same problem of the animation being executed on the main thread?

 

[thedesolatesoul]

The class in MSMaterialMenu it has also the same problem of the animation being executed on the main thread?

Probably as it uses the same implementation. Although i dont understand why that would be a problem.

 

[ivan.tellez]

i dont understand why that would be a problem

Well, the app will look really bad. If you had some code on the button, the ripple will be paused until the code in the button ends. Normally will be a little pause (still looks bad, as in a not responsive app) but if your code is heavy, the ripple will be paused a log time. When you have multiple Activities, and the ripple pauses with the activity and continues when you return.

Check the sample project on the post #41.

 

[thedesolatesoul]

The app will look really badwhen you have multiple Activities, and the ripple pauses with the activity and continues when you return. Or if your button has some heavi code, the ripple will pause.

Check the sample project on the post #41.

I see. Not quite sure how that can be solved without as they both (event and ripple) need to be run on the same UI thread except maybe ensure the event is raised afterwards.

 

[ivan.tellez]

I forgot a example. Its a common practice to use multiple panels and hide/show them in an app. If you have a button to show another panel the ripple will be paused when the panel hides, then if you show the panel again, the ripple will continue

Not quite sure how that can be solved without as they both (event and ripple) need to be run on the same UI

yea, its a complicated issue.

 

[DeviousD]

Hi Guys,
How would i call the ripple effect from a timer?

 

[Erel]

You might be able to emulate a click with this library: https://www.b4x.com/android/forum/t...ate-user-input-within-your-app.38873/#content

 

[DeviousD]

Awesome. All good! thanks

 

[™AsAs4242]

I improved my version of the lib. You can find it a few posts above.
What's new: the RippleView is a view like any other B4A view, with all functions and properties, and I added the Zoom feature, which was there but not used.

hi and tnx : ))

it is true in android (2.x and 4.x) then performance is slow?

 

[Informatix]

hi and tnx : ))

it is true in android (2.x and 4.x) then performance is slow?

If you encounter performance issues, they are only due to the device.

 

[ArminKH]

@Informatix
hi
the modiffied version of ripple effect which is created by thedesolatesoul has a method named "SetRippleType"
can u please add this to your lib?
and also i have an isue
for example i have a panel and a button in this panel
now i set ripple effect by using your lib to this button
when user clicked on this button the ripple effect appared but into this sub("B_Click")i have a small code which set "Panel1.Visible=False"
now when user is going to click on this button at first ripple effect appared for a bit and this my panel hide and ripple effect not completely finished
and for next isue when i want to set Panel1.Visible=True after hiding that the ripple view continue from last stopped place!!!!
please help me informatix
thank u

 

[Informatix]

@Informatix
hi
the modiffied version of ripple effect which is created by thedesolatesoul has a method named "SetRippleType"
can u please add this to your lib?
and also i have an isue
for example i have a panel and a button in this panel
now i set ripple effect by using your lib to this button
when user clicked on this button the ripple effect appared but into this sub("B_Click")i have a small code which set "Panel1.Visible=False"
now when user is going to click on this button at first ripple effect appared for a bit and this my panel hide and ripple effect not completely finished
and for next isue when i want to set Panel1.Visible=True after hiding that the ripple view continue from last stopped place!!!!
please help me informatix
thank u

If I remember well, there's a property to change the type in my library. Anyway, this is not a work I want to maintain or update as I don't use it at all. It seems there are issues with the ripple effect implemented this way (in all available libs of this thread), like the one you reported, so it should probably be rewritten, which requires too much time. Sorry.

 

[ArminKH]

If I remember well, there's a property to change the type in my library. Anyway, this is not a work I want to maintain or update as I don't use it at all. It seems there are issues with the ripple effect implemented this way (in all available libs of this thread), like the one you reported, so it should probably be rewritten, which requires too much time. Sorry.

ok
any way if any time you decide to improve this library please add RippleEffect_EffectFinished Event too if is possible
for now i'm using a timer to handle this problem and also we can use AnimationPlus lib(Start Offset) to fix related problems
thank u informatix for sharing your experiences