Why setMaskSize is called only when the mask is visible?
Originally Posted by roycyang
Thanks for the feedback guys.
Updated FixedButton so that it's tied to X/Y coordinates so it now works in iOS. I'm assuming it will also work in Android/Blackberry as the code is pretty standard. Essentially when you tap a button, I record the offsets and height and width and then compare that to the x/y coordinates on touchmove and touchend.
One caveat is that this will unfortunately NOT work in a scrolling container as the scrolling changes the X/Y coordinate calculation. There needs to be a lot more logic and deeper integration into ST2 for this to work successfully in scrolling containers. Based on SunboX's post, we could port this UI over to be a good disclosure icon for a list but that's another day!
Nice work. Quite useful. We are planning to use it. However, I have one question
The function 'setMaskSize' is called only the mask is visible (tapMask == true). The issue with this is that we can't control the size and position of the mask (span) when it is invisible. Why is that? This is posing us a challenge to use it when we have a tool bar button that is docked right.
Just a quick update, I've been using the buttons on an iPad app and it's been working great. I'm in the process of cleaning up the application and making it open source on GITHUB. Once I do that, I'll throw a link in here, it is a Sencha Touch 2 app that uses:
LocalStorage proxy for model/stores
Almost all Sencha Touch UI elements, highly customized
Infinite, buffered carousel
Retina media queries
There's other goodies - hopefully I'll get to release it by end of month!