This tutorial outlines the steps for creating and customizing a new FireMonkey style element and applying the newly created style to your FireMonkey application. This tutorial focuses on deploying the resulting application to iOS, but the same steps can be repeated for creating custom style elements for macOS, Android and Windows applications.
Adding a style selector menu to your application only takes a couple of lines of code and allows you to quickly update your existing user interface while providing added flexibility to your customers.
To add a style selector, I added a combobox to the form with the following code:
uses VCL.Themes;
procedure TForm9.StyleSelectorChange(Sender: TObject);
begin
TStyleManager.SetStyle(StyleSelector.Text);
end;
procedure TForm9.FormCreate(Sender: TObject);
var
StyleName: string...
I recently got a question on how to best apply a custom FireMonkey style to a Windows and Mac application. We have detailed documentation and videos on working with custom styles, but I thought I would provide a quick tutorial today that outlines the key steps.
Part of our Bonus Pack (available to Update Subscription customers) are over ten premium FireMonkey styles. These styles allow you to quickly overhaul the look of your application with a custom look and feel. Each style has built-in support for multiple resolutions.
With the integrated Style Designer in RAD Studio Berlin, you can quickly create custom image buttons. For creating entire multi-device styles from scratch, we recommend you use the Bitmap Style Designer, available via the Tools menu.
Create a new FireMonkey multi-device application.
Select a "Style" from the drop-down menu in the FireUI Designer. This will allow you to create a custom style for that platform. You can also change the platform in the Style Designer later.
Drop a TButton onto ...
Following up on my recent blog post and CodeRage session on creating custom style elements, I thought I would do another post on custom styling, this time focusing on changing the overall color scheme for one of the style templates we provide without creating new style elements from scratch.