B4J Question [ABMaterial] Support for mouse over effects?

[stanmiller]

Does ABMaterial support any mouse over effects for clickable content?

I'm aware of the caveat of using hover effects with HTML link tags on mobile, but this would be for everyday components like buttons, images or labels.

For example, mousing over theses social media icons in the footer at Google's Android Developer site changes the icon color.

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

 

[alwaysbusy]

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.

 

[stanmiller]

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.

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.

 

[alwaysbusy]

That would be great!

 

[stanmiller]

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

 

[alwaysbusy]

Very nice!