Mega Code Archive

 

Categories / Silverlight / Containers

 

Use Image as the Grid background

<UserControl x:Class='SilverlightApplication3.MainPage'     xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'      xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'     xmlns:d='http://schemas.microsoft.com/expression/blend/2008'      xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'      mc:Ignorable='d'      d:DesignWidth='640'      d:DesignHeight='480'>   <Grid>     <Grid.RowDefinitions>       <RowDefinition Height="Auto" />       <RowDefinition Height="Auto" />     </Grid.RowDefinitions>     <Grid Grid.Row="0" Margin="5">       <Grid.Background>         <ImageBrush ImageSource="c:\image.jpg" />       </Grid.Background>       <Ellipse Width="200" Height="200" StrokeThickness="0"         Fill="Yellow" Margin="20">         <Ellipse.OpacityMask>           <RadialGradientBrush GradientOrigin="0.5,0.5"             Center="0.5,0.5" RadiusX="1" RadiusY="1">             <GradientStop Offset="0" Color="Transparent" />             <GradientStop Offset="1" Color="Yellow" />           </RadialGradientBrush>         </Ellipse.OpacityMask>       </Ellipse>     </Grid>   </Grid> </UserControl>