BPASmartClient/BPASmartClient.CustomResource/UserControls/ImageBorder.xaml

<UserControl
    x:Class="BPASmartClient.CustomResource.UserControls.ImageBorder"
    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:local="clr-namespace:BPASmartClient.CustomResource.UserControls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">

    <UserControl.Resources>
        <SolidColorBrush x:Key="borderColor" Color="#552AB2E7" />
    </UserControl.Resources>

    <Grid Name="gr">
        <Viewbox Width="auto" Height="auto">
            <Canvas Width="{Binding ElementName=gr, Path=ActualWidth}" Height="{Binding ElementName=gr, Path=ActualHeight}">
                <Canvas.Background>
                    <ImageBrush ImageSource="/BPASmartClient.CustomResource;component/Image/矩形2.png" Stretch="Fill" />
                </Canvas.Background>
                <Grid>
                    <Border
                        Width="{Binding ElementName=gr, Path=ActualWidth}"
                        BorderBrush="{StaticResource borderColor}"
                        BorderThickness="0.5" />
                    <Border
                        Width="{Binding ElementName=gr, Path=ActualWidth}"
                        VerticalAlignment="Bottom"
                        BorderBrush="{StaticResource borderColor}"
                        BorderThickness="0.5" />

                    <Border
                        Height="{Binding ElementName=gr, Path=ActualHeight}"
                        BorderBrush="{StaticResource borderColor}"
                        BorderThickness="0.5" />

                    <Border
                        Height="{Binding ElementName=gr, Path=ActualHeight}"
                        HorizontalAlignment="Right"
                        BorderBrush="{StaticResource borderColor}"
                        BorderThickness="0.5" />

                    <!--<Image
                        Width="{Binding ElementName=gr, Path=ActualWidth}"
                        VerticalAlignment="Top"
                        Source="/BPASmartClient.CustomResource;component/Image/直线.png"
                        Stretch="Fill" />

                    <Image
                        Width="{Binding ElementName=gr, Path=ActualWidth}"
                        VerticalAlignment="Bottom"
                        Source="/BPASmartClient.CustomResource;component/Image/直线.png" />

                    <Image
                        Width="{Binding ElementName=gr, Path=ActualHeight}"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        RenderTransformOrigin="0,0.1"
                        Source="/BPASmartClient.CustomResource;component/Image/直线.png">
                        <Image.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform />
                                <SkewTransform />
                                <RotateTransform Angle="90" />
                                <TranslateTransform />
                            </TransformGroup>
                        </Image.RenderTransform>
                    </Image>

                    <Image
                        Width="{Binding ElementName=gr, Path=ActualHeight}"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Bottom"
                        RenderTransformOrigin="1,0"
                        Source="/BPASmartClient.CustomResource;component/Image/直线.png">
                        <Image.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform />
                                <SkewTransform />
                                <RotateTransform Angle="90" />
                                <TranslateTransform />
                            </TransformGroup>
                        </Image.RenderTransform>
                    </Image>-->

                    <Path Name="leftTop" Stroke="Aqua" />
                    <Path Name="rightTop" Stroke="Aqua" />
                    <Path Name="leftBottom" Stroke="Aqua" />
                    <Path Name="rightBottom" Stroke="Aqua" />
                </Grid>

            </Canvas>
        </Viewbox>
    </Grid>
</UserControl>