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


Build A Grid Layout Screen For Your App With Delphi XE6 Firemonkey On Android And IOS

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

Delphi XE6 Firemonkey Control Grid Screen Layout | Delphi 11 10 XE8 XE7 XE Seattle Berlin Tokyo Rio Firemonkey Delphi Android Delphi IOSSarina DuPont from Embarcadero has a blog post up where she shows how to use the TGridPanelLayout component in Delphi XE6 Firemonkey. I’m actually pretty amazed by this component and wonder why I haven’t seen it before (it comes with Delphi afterall). In any event basically a TGridPanelLayout is very similar to a table tag from HTML or a spreadsheet with columns and rows. However, once you drop your TGridPanelLayout on the form and align it to Client you can start dropping components on the grid and it will automatically place them in each grid field. All of the margins and padding are already automatically taken care of for you to keep the components in the center of each field so you can get to building the logic of your app as soon as possible. The default number of rows and columns is 4×4 but you can easily add more. Additionally, you could place this grid component in a TVertScrollBox and have it scroll.

Head over and check out the full blog post with screenshots for setting up your own TGridPanelLayout component.

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

Related posts

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


Unleashing Creativity With Song Writer AI: A Deep Dive


How To Build Stable Diffusion Text To Image Prompts


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