창 크기를 조정할 때 두 이미지의 상대적 크기를 조절하십시오.

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> 

은 항상 당신의 속성을 결합하는 Converter을 사용할 수 있습니다, 윈도우의 50 %를 사용합니다.

또한 this도 도움이 될 수 있습니다.