WPF pictures, DataGrid rounded corners, etc.

 

 

<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="1">
            <Grid RenderTransformOrigin="0.5,0.5">
                <Grid.RenderTransform>
                    <!--旋转-->
                    <RotateTransform Angle="{Binding ElementName=angle, Path=Value}"/> 
                </Grid.RenderTransform> 
                <-! Radius -> 
                <Border the Name = " mask " the CornerRadius = " {the Binding ElementName = cornerRadius, the Path the Value} = " Background = " White " /> 
                <the Grid> 
                    < ! - reference HTTPS: // msdn.microsoft.com/zh-cn/library/bb979637(v=vs.95).aspx -> 
                    <Grid.OpacityMask> 
                        <the VisualBrush the Visual = " {} the Binding ElementName = mask " /> 
                    </Grid.OpacityMask>
                    <! - here you can put any content,Can achieve Fillet -> 
                    <Image Source = " 1104200S231-18.jpg " /> 
                </ Grid> 
            </ Grid> 
        </ Grid> 
        <-! Control buttons - -> 
        <the Grid the Grid.Row = " 0 " Background = " # A0FFFFFF " > 
            <Grid.ColumnDefinitions> 
                <the ColumnDefinition the Width = " Auto " /> 
                <the ColumnDefinition /> 
                <= the ColumnDefinition the Width "Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Corner radius"/>
            <Slider Grid.Column="1" Name="cornerRadius" Minimum="0" Maximum="400" Margin="5,0,5,0"/>
            <TextBlock Grid.Column="2" Text="Angle" Margin="5,0,0,0"/>
            <Slider Grid.Column="3" Name="angle" Minimum="0" Maximum="360" Margin="5,0,0,0"/>
        </Grid>
    </Grid>