Get access to over 100 FireMonkey cross platform samples for Android, IOS, OSX, Windows, and Linux!

AndroidAppmethodDelphiDemoFiremonkeyIOSOSXWindows

Slick Mobile App Drawer Layout For Delphi XE5 Firemonkey On Android And IOS

| Delphi 11 10 XE8 XE7 XE Seattle Berlin Tokyo Rio Firemonkey Delphi Android Delphi IOS

Delphi XE5 Firemonkey Mobile Design Menu | Delphi 11 10 XE8 XE7 XE Seattle Berlin Tokyo Rio Firemonkey Delphi Android Delphi IOSThierry Laborde from Embarcadero has a new mobile layout design up on his blog. It is pretty easy to customize as you can see in the screenshot I added a background image under the menu items and it makes the layout really look good. This design should work for Delphi XE5 Firemonkey on Android, IOS, Windows, and OSX (though it is not designed specifically for desktops). The one two three items are actually drawers that are pushed into the left side of the screen. When you click the number they slide out to review more information about that menu item. If you click the menu item once the draw is fully extended it scrolls in a panel from the top with what could be your content. Everything reverse from there with a close button at the bottom of the full screen panel. You close the drawers the same way you opened them by clicking the number again. As previously stated adding a background (stick a TImage on the form, send it to back, load your image into it, set it’s align to alContents, and the wrap mode to iwCenter) really makes it pop but you could customize all kinds of things about it. For example, you could make the menu items semi transparent by setting the Opacity of the items say 0.75. You could change the numbers to letters or icons. You could also change up the colors of the menus if you have a different color scheme in mind. Lastly the full page panels that drop down could be customized with whatever controls you want from a TListBox to a TFlowLayout full of images.

Head over and download the free mobile layout design from Embarcadero.

Have Delphi Firemonkey questions? Ask and get answers on StackOverflow.

Related posts
DelphiDemoFiremonkeyLinuxOSXShowcaseWindows

AutoBlogAI: FireMonkey Client To Leverage LLMs And Generative AI For Blogging

DelphiFiremonkeyShowcaseUtilityWindows

Unleashing Creativity With Song Writer AI: A Deep Dive

DelphiFiremonkeyShowcaseWindows

How To Build Stable Diffusion Text To Image Prompts

AndroidC++BuilderDelphiFiremonkeyIOSOSXWindows

FireMonkey 10.4.2 Features Updated iOS 14, Android 11, And macOS 11 Support Plus Hundreds Of Fixes

Sign up for our Newsletter and
stay informed

Leave a Reply