To make any use of it, we need to be able to detect when the rubber band effect is being performed, and secondary to that, we need to be able to control at which point during the effect we should be triggering a script to perform an action, in this case closing the menu. Can it be utilised to somehow perform a script when the user swipes down to produce the rubber band effect? This is as close (currently) to a swipe-down effect as we have. Apps like Instagram, Facebook and Strava to name a few all utilise this swipe-down-and-release to refresh the current page. Most notable of those is to refresh the current view. In more recent times however this rubber band effect has been utilised as a method to perform some secondary action in iOS apps. This rubber band scrolling was first introduced with the original iPhone (you can read all about it on Cult of Mac) A seemingly useless artefact of the operating system one would presume, particularly when it relates to FileMaker Pro and seemingly has no use. When you release your scrolling device, the layout ‘bounces back’ to its original position. In FileMaker when using a scrolling device in FileMaker Pro or your finger in FileMaker Go, you can effectively drag the layout down/up beyond its normal position. (FULL DISCLOSURE: I am completely ignorant of FileMaker on Windows so have no idea if this is present there). It’s called the rubber band effect, and is an effect that has been in FileMaker Pro/Go for a few versions now. So now what? How else can we do a swipe down gesture? Other possibilities arose such as using the onGestureTap trigger, but this only capture finger taps, not swipes. Couple with the fact that when the panel was tried in FileMaker Go, the swipe gestures were still left & right even after it was rotated - the final nail in the coffin. But once you reach for the mouse and drag the object, then things reach a whole other level of weird as illustrated in this short video below. So the up arrow moves an object right, the right arrow moves it down, and so on. Using the keyboard it is somewhat manageable but given the rotation of the panel, all the directions are also rotated. This is fine for simple things, but for more complex menus this becomes a real challenge to have the objects properly rotated and positioned.Īnd then there is the positioning of objects. You can then rotate it again to have it correctly oriented. If you copy/paste something simple like a label inside the panel, you’ll note it immediately rotates 90 degrees also to be in the same orientation as the panel. However actually putting anything useful inside the panel becomes a nightmare. It works in the sense that you can click the dots to navigate the panels and you can script moving between panels. Voilà! Now we’re cooking! But does it work? Well yes and no. The rotation attribute can be seen above, we just modify it from 0 to 900 in order to rotate 90 degrees. Unfortunately not! The rotate option is not supported for slide panels in FileMaker Pro - dang! But wait! All layout objects are just somes FileMaker XML and CSS underneath it all, so what if I could just modify that XML to add my own rotation? To do this, I used myFMButler Clip Manager to retrieve and modify the XML: It already has swipe gesture, so surely there is a way to ‘flip it on its side’, right? When this challenge initially arose my first thought was to just use a sliding panel again. In our horizontal menus, left and right swiping can be utilised through a panel control, but how do we achieve swipe down (or up for that matter)? First attempt using a sliding panel However one key element is missing from this equation which provides a much more intuitive and native iOS feel to this menu - the ability to swipe-down on the screen with your finger in order to dismiss the menu. In FileMaker Go you can achieve this effect through using the ‘Slide in from Bottom’ layout transition - brilliant! The user can then press a close button on the menu to reverse the process through using a ‘Slide out to Bottom’ transition effect, returning the user to their original layout. The sliding panel layout object gives us the power to use left/right swipe gesturing to close (or open) the menu.īut what about vertical menus? That being a menu that slides up from the bottom of screen. This is achieved either through using a slide panel object, or through layout transition effects available in FileMaker Go (if you wish to have your menu as a separate layout). These menus were horizontal in that they would slide in from either the left or right side of screen. In our previous article, we built beautiful drawer menus for desktop and iOS.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |