将图像与边框背景贴合

Question

我想知道如何将图片放入设计好的边框中？

下面是我做的代码。

 <Border Grid.Row="1" BorderThickness="1" BorderBrush="LightGreen" Margin="20" CornerRadius="30">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.504,1.5" StartPoint="0.504,0.03">
                    <GradientStop Color="#F9FFF0" Offset="0"/>
                    <GradientStop Color="#F3FFE2" Offset="0.567"/>
                </LinearGradientBrush>
            </Border.Background>
            <Image Source="/LBKIOSK;component/Resources/Images/Background/klhoho.jpg"  Opacity="0.3" Stretch="UniformToFill"/>

            <Border.Effect>
                <DropShadowEffect ShadowDepth="5" Color="#599204"></DropShadowEffect>
            </Border.Effect>
        </Border>

但输出结果如下，图片没有装进边框里。

Answer 1

可以将 <Border.Background/> 财产到一个 <ImageBrush/> 喜欢。

<Border Grid.Row="1" BorderThickness="1" BorderBrush="LightGreen" Margin="20" CornerRadius="30">
     <Border.Background>
          <ImageBrush Stretch="UniformToFill" ImageSource="/LBKIOSK;component/Resources/Images/Background/klhoho.jpg"/>
     </Border.Background>
     <Border.Effect>
          <DropShadowEffect ShadowDepth="5" Color="#599204"></DropShadowEffect>
     </Border.Effect>
</Border>