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 flexibilityto 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
…
I am using the following components on my form:
TTabControl with 3 tab items
TabItem3 consists of:
TCircle with the stroke color set to match the toolbar color and a profile photo as the fill
TToolbar with multiple Speedbuttons and the screen…
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…
Author: nighthawk2032
To use the TMultiView component, drag and drop the TMultiView component onto your Multi-Device form. You can also use the Master/Detail Multi-Device template (File->New->Multi-Device Application) as a good starting point.
The drawer is automatically invoked by swiping across the screen from either the left or the right side (depending on the placement of the…
Create IoT solutions with Delphi and Arduino with Boian Mitov
January 18, 2017
Author: Nena X63523
Create IoT solutions with Delphi and Visuino Connect to Arduino or ESP8266 type devices from Delphi using USB, Wi-Fi, Bluetooth LE, or MQTT over Internet.
Boian Mitov is a software developer and founder of Mitov Software, specialized in the areas of…
Author: Bazzer747
Create a FireMonkey Multi-Device Application
Place your UI controls onto your form
Browse to the StyleLookUp property for each control and select a style element (you can also do this after following the steps below)
Drop TStyleBook onto your…
Author: Jorge Batista
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…
Creating Custom Styles with the Bitmap Style Designer - CodeRage Replay, Tips & Tricks and Sample Files
November 16, 2016
Style Creation Tips
Start out with the 3x resolution graphic first, then scale down to 2x, 1.5x and 1x using your graphic design tool of choice (for example, Photoshop)
Save each graphic as a png. Except for the 1x resolution, all style graphics need to include the…
How To Skin VCL Apps With Custom VCL Styles In Delphi And C++Builder
November 7, 2016
CodeRage XI is coming up and it’s a great time to go back and review some of the sessions from CodeRage X you may have missed. You can register for CodeRage XI by signing up here.Productivity, Platforms and Performance is the theme for CodeRage XIwhich runs…
Author: Chris Chuah
I recently received some questions on how to display a circular badge icon and badge value on a tab item in TTabControl.
Badge icons are commonly set to indicate a status change. The number displayed on the badge is frequently tied to a local notification or a push notification that’s been received.
For example, popular social media apps show a badge value on the…
