通过按钮单击事件设置应用程序的背景图像

Question

when a button is pressed ,the background image of the app must may be changed to a image in the project .

i have tried to set the background image by modifying the visibility of a XAML image control whose source points to the image in the project .But the problem in this case is that the image hides some of the XAML controls on setting visibility = true . I tried setting "send to back " and opacity options ,but no use in them .

Please tell , if there is a solution for this problem or assist me in using the correct image XAML property to achieve my solution.

Answer 1

You can use the VisualBrush to set your image as the background of your root element (Grid in this case). In your code, on button press set the BackgroundImage property to your image path and if you have some type of change notification for this property the image will be changed.

    <Grid.Background>
        <VisualBrush TileMode="None" Opacity="{Binding BackgroundOpacity}">
            <VisualBrush.Visual>
                <Image Source="{Binding BackgroundImage}"></Image>
            </VisualBrush.Visual>
        </VisualBrush>
    </Grid.Background>