Update CropImageExample.xaml

Author: yanjinhuagood

src/WPFDevelopers.Samples.Shared/ExampleViews/CropImageExample.xaml

@@ -17,20 +17,18 @@
                 <RowDefinition Height="*" />
                 <RowDefinition Height="Auto" />
             </Grid.RowDefinitions>
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition />
-                <ColumnDefinition />
-            </Grid.ColumnDefinitions>
             <WrapPanel>
                 <CheckBox
                     x:Name="myCheckBox"
+                    wd:ElementHelper.CornerRadius="3"
                     Content="开启等比缩放"
                     IsChecked="False" />
-                <StackPanel Orientation="Horizontal">
+                <StackPanel Margin="10,0" Orientation="Horizontal">
                     <TextBlock VerticalAlignment="Center" Text="裁剪区域比例:" />
                     <Slider
                         x:Name="myRectScaleSlider"
                         Width="100"
+                        wd:ElementHelper.CornerRadius="3"
                         Maximum="1"
                         Minimum="0"
                         Value="0.5" />
@@ -40,30 +38,23 @@
             <wd:CropImage
                 Name="MyCropImage"
                 Grid.Row="1"
-                Grid.Column="0"
                 IsRatioScale="{Binding ElementName=myCheckBox, Path=IsChecked}"
                 RectScale="{Binding ElementName=myRectScaleSlider, Path=Value}"
                 ScaleSize="2.35,1" />
-            <Image
-                Grid.Row="1"
-                Grid.Column="1"
-                Width="{Binding CurrentRect.Width, ElementName=MyCropImage}"
-                Height="{Binding CurrentRect.Height, ElementName=MyCropImage}"
-                VerticalAlignment="Center"
-                Source="{Binding CurrentAreaBitmap, ElementName=MyCropImage}"
-                Stretch="Uniform" />
             <StackPanel
                 Grid.Row="2"
-                Grid.ColumnSpan="2"
+                Margin="0,10"
                 HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                wd:PanelHelper.Spacing="3"
                 Orientation="Horizontal">
                 <Button
-                    Margin="0,20,10,20"
+                    wd:ElementHelper.CornerRadius="3"
                     Click="OnImportClickHandler"
                     Content="选择图片"
                     Style="{StaticResource WD.PrimaryButton}" />
                 <Button
-                    Margin="0,20,10,20"
+                    wd:ElementHelper.CornerRadius="3"
                     Click="BtnSave_Click"
                     Content="保存图片"
                     Style="{StaticResource WD.SuccessPrimaryButton}" />