當調整窗口大小時，保持兩個圖像相對縮放

Question

假設2個圖像，大背景和前景較小。前景完全停留在背景的中間，覆蓋相對數量（例如50％），以便用戶將它們視爲單個圖像。

問題是我需要背景填充各種大小的Window。將它的Stretch值設置爲UniformToFill將會這樣做。但是，我怎樣才能保持前景仍然覆蓋背景的50％？

Answer 1

使用矢量圖像會更好，因爲當您調整其容器大小時，它可以縮放'本身'。

然後你根據如下的窗口大小設置邊距：

<Window x:Class="MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Height="400" Width="400"> 
<Grid> 
    <Image Margin="100"> 
     <Image.Source> 
      <DrawingImage> 
       <DrawingImage.Drawing> 
        <GeometryDrawing Brush="#FF000000" Geometry="M14.800615,5.6499605L14.800615,14.800346C10.630442,17.910477 7.8903284,22.840685 7.8903284,28.44092 7.9003286,37.871319 15.530646,45.511639 24.961039,45.521641 34.391431,45.511639 42.011749,37.871319 42.04175,28.44092 42.03175,22.840685 39.291636,17.910477 35.121462,14.800346L35.121462,5.6599612C43.841825,9.5601254,49.912077,18.280493,49.912077,28.44092L49.922077,28.44092C49.912077,42.231503 38.741611,53.391972 24.961039,53.391972 11.170465,53.391972 0,42.231503 0,28.44092 0,18.270493 6.0902529,9.5501251 14.800615,5.6499605z M19.570043,0L30.237043,0 30.237043,33.917 19.570043,33.917z" /> 
       </DrawingImage.Drawing> 
      </DrawingImage> 
     </Image.Source> 
    </Image> 
</Grid> 

始終使用窗口的50％，你可以使用一個Converter綁定屬性。

此外，也許this可以幫助你。