Overview
Labs 09 and 10 teach FMX styling using StyleBook files (.style) and the Material Design theme. StyleBook files created with Delphi 10.3 Rio may contain outdated style definitions, missing style elements added in later Delphi versions, or references to control styles that have been renamed or restructured in Delphi 13's updated FMX engine.
Background
FMX Style Changes Since Delphi 10.3
- Delphi 10.4 Sydney: Updated Material and Cupertino platform themes; new default style format.
- Delphi 11 Alexandria: New light/dark mode awareness in FMX styles;
TStyleBook gains dark mode support.
- Delphi 12 Athens: Continued style refinements; some legacy style selectors deprecated.
- Delphi 13: Full FMX Theme Manager with system-level dark/light mode integration.
Old .style files opened in Delphi 13 may:
- Show warnings about unrecognized style elements.
- Fail to apply correctly to new control types added since 10.3.
- Miss the dark mode variant styles, causing odd appearance on iOS/Android dark mode.
Lab 09 and 10 Scope
- Lab 09: Applies the built-in Material and Cupertino styles to the app (no StyleBook).
- Lab 10: Creates a custom StyleBook with a modified button style.
Both labs need verification that the styling APIs still work as documented in the training instructions.
Files Affected
lab-src/Lab09.../ (style application code in formMain.pas)
lab-src/Lab10.../ (StyleBook .style file + formMain.pas)
lab-src/Lab*/forms/formMain.fmx (TStyleBook component references)
Steps to Address
- Open each lab in Delphi 13 and load the StyleBook in the FMX Style Designer.
- If the Style Designer reports missing or incompatible elements, use "Export Default Style" for the current platform and re-apply the custom modifications from Lab 10.
- Verify that the Material and Cupertino built-in style names used in Lab 09 still exist in Delphi 13 (they may have been renamed; e.g.,
Android → Material).
- Add dark mode style variants to the Lab 10 StyleBook to demonstrate Delphi 13's light/dark mode support — update the lab instructions to cover this new capability.
- Verify that
TStyleBook.UseStyleManager and TStyleManager.TrySetStyle APIs are still current in Delphi 13.
- Update the
TStyleManager.SetStyle call pattern in the code if the API has changed.
- Save regenerated
.style files and commit them.
Test Plan
Overview
Labs 09 and 10 teach FMX styling using StyleBook files (
.style) and the Material Design theme. StyleBook files created with Delphi 10.3 Rio may contain outdated style definitions, missing style elements added in later Delphi versions, or references to control styles that have been renamed or restructured in Delphi 13's updated FMX engine.Background
FMX Style Changes Since Delphi 10.3
TStyleBookgains dark mode support.Old
.stylefiles opened in Delphi 13 may:Lab 09 and 10 Scope
Both labs need verification that the styling APIs still work as documented in the training instructions.
Files Affected
Steps to Address
Android→Material).TStyleBook.UseStyleManagerandTStyleManager.TrySetStyleAPIs are still current in Delphi 13.TStyleManager.SetStylecall pattern in the code if the API has changed..stylefiles and commit them.Test Plan