How make a firemonkey button with transparent graphic, and make it the default style

Question

With firemonkey I'm lost in how do some basic stuff.

I already know that I need to put a TImageControl inside the TButton to show a image.

However, the TImageControl is show with a border and a white background. I load inside a ico and/or png and wanna show it transparent, and wanna this for the whole app.

What are the steps for do this?

Answer 1

Try TImage instead of TImageControl . TImage is transparent by default. Of course, if your image isn't rectangular, you'll want to load an image that supports alpha channel, such as a PNG image.

If you insist on a TImageControl, right-click on it, select "Edit Custom Style..." and on the background TRectangle, set it's Fill color from claWhite to claNull and click Apply and Close . For any additional TImageControl, set its StyleLookup property to the same.

You'll also want to turn off the HitTest property of the image control.

Answer 2

My TBitmapSpeedButton component may provide a ready rolled solution for what you're trying to achieve. If not, the blog post about how I created it will almost certainly help.