Let's do a great FMX app design with photos.

Embarcadero CodeRage 2019 

Let's do a great FMX app design with photos.

Demo project source Download

Example of how to retouch a photo image in Adobe Photoshop.

Apply a Gaussian blue filter and blending effect to use the photo as the background of your app.

Likewise, the same functions used in Photoshop can be used in the FMX environment.

Demo Project comments

1. Make two Rectangle.

2. Change the color of the top Rectangle to black.

3. The black Rectangle should be at the top.

4. Set the Align property as the contents so that the two rectangles cover the screen.

5. Other previously created UI objects reposition over the rectangle.

6. Set the transparency of the black rectangle to 0 to make it invisible.

7. Load and apply a photo file to the background of the base rectangle.

8. Change the color of the objects on the photo to make it easier to see.

9. To apply a blur effect to a photo, select TBlurEffect or TGaussianBlur Effect and apply to base Rectangle.

10. Change the value to make it look good. 

11. Adjust the black rectangle transparency with the Opacity.

12. You can also apply other pictures.