Question

I want a custom Control in WPF which have a appearance similar to HTML, we use for showing Images in the centre of the screen with the whole screen locked and only image is showing.

I dont want to show images, I want to show UserControls within this section.

Can someone give suggestions of this?

Answer 1

In your Window, put all your controls in a single Grid, with a Border control (that contains your image) as the last item in the Grid (which means it will display on top of the other items). Toggle its Visibility via binding or code. Adjust styles as required.

<Window>
    <Grid>

        <!-- window controls go here --->

        <Border Visibility="..." Background="#80000000"> <!-- EDITED -->

            <!-- overlaid image (and/or other controls) goes here --->
            <Image 
                Source="..." 
                Width="..."
                Height="..."
                HorizontalAlignment="Center" 
                VerticalAlignment="Center" />

        </Border>

    <Grid>
</Window>