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 XE6 Firemonkey Control Grid Screen LayoutSarina 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

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


Ryzen 9 5950x: One Billion Lines Of Delphi Code Compiled In ~5 Minutes On 16 Cores


DelphiCon 2020 FireMonkey Sessions Available Starting November 19


Powerful Commercial Gorilla3D Framework Upgraded For Delphi FireMonkey On Windows And Android

Sign up for our Newsletter and
stay informed


Leave a Reply