設置頁面布局的時候。遇到了設置圖片圓角問題，然后試了幾種方法，都可以
第一種：
<Border CornerRadius="50" BorderBrush="Blue" BorderThickness="2" Width="200" Height="200">
<Border.Background>
<ImageBrush ImageSource="\pj\123.jpg" />
</Border.Background>
</Border>
這種圖片是跟着border設置的圓角而改變的，自適應圖片的大小
圖：
第二種：
<Image Width="123" Height="80" Margin="0,0,0,0" Source="jpj\123.jpg" Stretch="Fill" VerticalAlignment="Center" HorizontalAlignment="Center">
<Image.Clip>
<RectangleGeometry RadiusX="30" RadiusY="10" Rect="0,0,123,90"/>
</Image.Clip>
</Image>
這種是根據x和y來設置圓角，自我感覺這種比較適合只設置上邊的圓角比較適合
圖：
第三種：
<!--border1樣式-->
<Style x:Key="border1style" TargetType="{x:Type Border}">
<Setter Property="Width" Value="38"></Setter>
<Setter Property="Height" Value="23"></Setter>
<Setter Property="Margin" Value="3,3,0,0"></Setter>
<Setter Property="CornerRadius" Value="0,0,4,4"></Setter>
<Setter Property="BorderBrush" Value="Black"></Setter>
<Setter Property="BorderThickness" Value="0"></Setter>
</Style>
<!--border2樣式-->
<Style x:Key="border2style" TargetType="{x:Type Border}">
<Setter Property="CornerRadius" Value="0,0,4,4"></Setter>
<Setter Property="Width" Value="38"></Setter>
<Setter Property="Height" Value="23"></Setter>
<Setter Property="Background" Value="#E3E3E3"></Setter>
</Style>
<Border Style="{StaticResource border1style}">
<Grid>
<Border Name="myBorder2" Style="{StaticResource border2style}" />
<Image Source="{Binding img2}" Width="37" Height="23" Stretch="Fill">
<Image.OpacityMask>
<VisualBrush Visual="{Binding ElementName=myBorder2}"/>
</Image.OpacityMask>
</Image>
</Grid>
</Border>
圖：
自我感覺還是第一中比較簡單，中間我有遇到圖片不自適應大小的問題，然后我加上這個屬性就好了，Stretch="Fill"，這個屬性的意思是
填充整個空間，但不保持縱橫比。 圖像不會被裁剪，但可能會發生拉伸。
小計：
Stretch 狀態類似於許多電視機上的圖片大小設置。
- None 顯示原始大小的內容的原始分辨率。
- Uniform 在保持縱橫比和圖像內容的同時填充盡可能多的空間。這可能會導致在視頻的邊緣出現水平和垂直黑色條。這類似於寬屏模式。
- UniformToFill 在保持縱橫比的同時填充整個空間。這可能會導致某些圖像被裁剪。這類似於全屏模式。
- Fill 填充整個空間，但不保持縱橫比。 圖像不會被裁剪，但可能會發生拉伸。這類似於拉伸模式。