B4J Question [ABMaterial] Support for mouse over effects?

There are very little components who have hover effect in the library. Main reason is because on mobile devices the event simply does not exist. E.g. like in your animation on a phone these buttons just appear to be disabled all the time for the user.

alwaysbusy said:

There are very little components who have hover effect in the library. Main reason is because on mobile devices the event simply does not exist. E.g. like in your animation on a phone these buttons just appear to be disabled all the time for the user.

Click to expand...

Understood.

I see now the designer of social media buttons achieved the effect through anchor links which are discouraged on mobile designs.



What prompted my query was that the capabilities of ABM have become quite vast and I wanted make sure I hadn't overlooked a mouse-over effect buried in themes or some component property that didn't rely on anchor links.

In general though, a desktop experience will always be premium over a mobile device with its limited viewport. These hover effects do make for a richer user experience on the desktop.

As a case study I've been working to replicate the major components and user experience of this page with ABMaterial.

Android Developers - Android Wear
https://developer.android.com/develop/index.html



This includes all the responsive transformations including font sizing, more/less reveal, grid layout, and other trickery. It's been a very productive experience but there are some effects like the hover I can't duplicate. And I suppose that's okay as it would add more complication.

Android Wear clone with ABMaterial



Grid transformation at medium breakpoint.



Once complete, the idea is to post the project at Github accompanied with a tutorial about how each behavior of the Google site was recreated with ABMaterial.

That would be great!

Google Developer 'Android Wear' replica with ABMaterial v3.02.

Very nice!