Customizing FireMonkey styles with the Style Designer

With a good handle on using the StyleBook component and an easy way to switch sets of styles, let's dig into the Style Designer to learn how to customize the look of a control.

As we continue through this chapter, we'll reuse the same project because it already contains several controls that make it nice to see the effects of the style changes we'll be making. To "reset" the styles to their built-in defaults, you can simply delete the StyleBook components from the form. I will do that as well, but also copy the project to preserve the state of the previous demo. This section's source can be found on GitHub at https://github.com/PacktPublishing/Fearless-Cross-Platform-Development-with-Delphi/tree/master/Chapter07/07_02_CustomStyleControls.

If you right-click on a control, you will see two menu options for editing styles; here's what they do:

• Edit Custom Style...: This creates and/or...