Applying FireMonkey Styles

From Appmethod Topics
Jump to: navigation, search

Go Up to Customizing FireMonkey Applications with Styles


FireMonkey styles are delivered in the Appmethod product installation, at the following paths:

  • C:\Program Files (x86)\Embarcadero\Studio\14.0\Redist\styles\Fmx
  • C:\Users\Public\Documents\Embarcadero\Studio\14.0\Styles

Changing the Style of a FireMonkey Control in a Desktop Application

  1. Open or create a FireMonkey application (for example, choose File > New > FireMonkey Desktop Application).
  2. Place a control on your form (for example, FMX.StdCtrls.TButton).
  3. In the Form Designer, right-click the TButton and select Edit Default Style.
  4. In the FireMonkey Style Designer, click the Load button.
  5. Navigate to the FireMonkey styles (location given above).
  6. Select style (such as GoldenGraphite.style), and click Apply and Close.
  7. In the Form Designer, select the TButton on your form.
  8. In the Object Inspector, click the Down Arrow in the StyleLookup property.
  9. In the StyleLookUp visual menu, you can see the different designs available for the button. Apply a style by selecting the item that represents the design you want.
StyleLookup Menu for TButton in a Mobile App
Note: If you add a TStyleBook to a desktop application, you can open the FireMonkey Style Designer by double-clicking the stylebook, as described for a FireMonkey mobile app.

Changing the Style of a FireMonkey Control in a Mobile Application

  1. Choose File > New > FireMonkey Mobile Application and choose any mobile template.
  2. Place a control on your form (for example, FMX.StdCtrls.TButton):
    TButtonAndroid.JPG
  3. In the Form Designer, select the TButton on your form.
  4. In the Object Inspector, click the Down Arrow in the StyleLookup property.
    In the StyleLookUp popup menu, you can see the different designs for the button, as shown in the illustration.
  5. Apply a style by selecting the design you want. For example, you might select the Info button:
    InfoBtnAndroid.JPG

Also, the style of a control can be set by changing the style of the entire form. For details, see Working with Native and Custom FireMonkey Styles.

See Also