Create Custom Button Styles For Firemonkey In #Delphi 10 Seattle On Android And IOS


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.
Head over and check out the full tutorial on how to create a custom button style for Firemonkey in Delphi 10 Seattle.

Comments are closed.