Developer Sarina DuPont from Embarcadero has a tutorial up on how to create a custom button using styles for Firemonkey in Delphi 10 Seattle. Styles in Firemonkey are bitmap based and this tutorial shows how to load a custom button image and set it up on a button. You can use these custom styles in your apps on Android, IOS, OSX, and Windows. You access the style editor by right clicking on the object and selecting Edit Custom Style. The style editor supports having different images for the different resolutions of the different devices. For buttons it uses a 9 grid to handle the button resizing dynamically. The image is segmented into 9 pieces with one piece in each corner, one piece on each side, and one piece in the middle. The button states (up, down, etc.) are handled in a BitmapLinks editor. In the case of a button it has NormalLink, HotLink, PressedLink, and FocusedLink. This basically means that each “link” is a specific image for the state of the button during that kind of event. You should be able to following this tutorial for Appmethod and C++Builder as well. Don’t have time to create your own styles? Check out the free premium styles.
FMXExpress.com has over 700 tips and tricks for building cross platform apps on Android, IOS, OSX, Windows, and Linux with a single codebase and single UI using the FireMonkey framework found in Delphi and C++Builder.
FMXExpress covers top cross platform secrets for FireMonkey in C++Builder and Delphi XE5, XE6, XE7, XE8, Seattle, Berlin, Tokyo, Rio, and Sydney.