Subscribe to this list via RSS Blog posts tagged in Styles

Posted by on in UI
Introducing FireMonkey Stencils Last week, we released the FMX Stencils pack. The FireMonkey Stencils pack was designed to enhance communication between designers and developers who are building multi-device applications using the FireMonkey framework in Delphi, C++Builder and RAD Studio.   One of the challenges for designers in an application development cycle is understanding the breadth of UI components and styles available in the FireMonkey framework. We addressed this by providing visual assets that match the UI co...

Posted by on in Blogs
New Styles from DelphiStyles.com DelphiStyles.com sells custom style packs for VCL Windows and FireMonkey multi-device applications. They just released and updated several great custom themes for FireMonkey.   Shown: FMX Profile Screen GUI template (available in GetIt > Sample Projects) with the custom Calypso iOS style applied, available on DelphiStyles.com   Shown: FMX Settings Project sample application (installed with the Samples in 10.2.3) with the custom Calypso Android&nbs...
Posted by on in UI
Creating custom TEdit styles with the FireMonkey Style Designer 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.  
Design Considerations for Multi-Platform Applications - CodeRage Replay During my CodeRage session on Design Considerations for Multi-Platform Applications earlier this month, I covered the Dos and Don’ts of multi-device application development, common UI and UX paradigms, an overview of the FireUI Designer and how to create a modern settings and user profile screen, complete with native and custom theming. You can access the replay on EmbarcaderoAcademy.com. Signing up for an account is free....

Posted by on in Tutorial
Windows App Modernization with RAD Studio Tokyo With RAD Studio 10.2 Tokyo, you can easily update your existing application and give it a modern Windows 10 look and feel. In today's post, I thought I would highlight our Windows 10 support to help you move your existing applications forward. Windows 10 VCL GUI Controls These controls were specifically designed for Windows 10 and address common UI paradigms on Windows 10. While they were designed for Windows 10, the controls will also work with older versions of Windows, such as Windows 7 and...
Posted by on in Blogs
Quickly find add-ons with new GetIt categories We have added a number of new categories to the GetIt Package Manager in 10.2 Tokyo to make it easier to find what you're looking for in GetIt. The GetIt Package Manager can be accessed through the Tools menu in the IDE.  Here's the new list of categories you will find in the GetIt Package Manager: All Libraries Components Internet of Things Trial Connectors Industry Templates IDE Plugins Styles Sample Projects    ...
Adding a custom style selector to your VCL application 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...
Creating a profile screen for your mobile application Many mobile applications today include a profile screen. Popular music apps display your favorite musician's bio along with song and album details and concert information on the artist's profile page while social media apps display your hometown information, recently visited locations, profile photo, number of followers and more. I decided to create a nice sample that shows how you can easily implement a profile screen in your own FireMonkey application.
New FireMonkey styles for macOS and Android Wear in 10.2 In Delphi, C++Builder and RAD Studio 10.2 we are providing two new FireMonkey styles: a dark blue style for Android Wear devices and a dark graphite style for macOS. You can access the FireMonkey styles at: C:\Users\Public\Documents\Embarcadero\Studio\19.0\Styles\MacOS\macOSgraphite.fsf C:\Users\Public\Documents\Embarcadero\Studio\19.0\Styles\Android\AndroidWearDarkBlue.fsf To apply the style to your application, drop a TStyleBook component onto your form, and double click ...

Posted by on in Tutorial
Changing the color scheme of an Android style 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.

Check out more tips and tricks in this development video: