In this CodeRage session, you can learn how to create a blur behind the component.
- Create a small component that blurs whatever is behind it
- It uses TControl.PaintTo to render the parent control to an off-screen bitmap
- Followed by a GPU accelerated TGaussianBlurEffect to blur part of the bitmap
- Finally draws the blurred bitmap to the canvas of the control
In the video tutorial, Erik van Bilsen talks about many factors of building this component. Like, issues of the approach and how you can solve them by just rendering everything at half the original resolution. Since the blur effect applies resolution can be hardly noticeable.
Watch the CodeRage session to learn more about how it works.
Here you can check the whole source code on over GitHub repository.