ImageBrush를 사용하는 격자 배경 이미지

Question

XAML에서 ImageBrush을 사용하여 Grid에 배경을 적용하고 싶습니다.

브러시에 x:Key을 지정했으며 그리드에서 참조하려고합니다.

슬프게도 이미지로 배경이 전혀 나오지 않습니다. 나는 아마 잘못된 방법으로 그것을 말하는 겁니다 생각

<Window.Resources> 
    <ImageBrush ImageSource="/MAQButtonTest;component/images/bird_text_bg.jpg" x:Key="BackgroundSponge" /> 
    <Style TargetType="TextBlock"> 
     <Setter Property="OverridesDefaultStyle" Value="True"/> 
    </Style> 
    <ControlTemplate TargetType="Button" x:Key="ButtonTemplate"> 
     <Grid Width="444" ShowGridLines="False" SnapsToDevicePixels="True" Background="{DynamicResource BackgroundSponge}"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="51" /> 
       <RowDefinition Height="36" /> 
      </Grid.RowDefinitions> 
      <Grid Grid.Row="0" Background="#286c97"> 

      </Grid> 
      <Grid Grid.Row="1" Background="#5898c0"> 
       <ContentPresenter Grid.Row="0" /> 
      </Grid> 
     </Grid> 
    </ControlTemplate> 
</Window.Resources> 

는, 나는 DynamicResource 및 StaticResource을 시도했습니다.

Answer 1

:

<ImageBrush x:Key="play" ImageSource="../Images/Buttons/Play.png" /> 

그리고 이미지 브러시를 참조합니다.

<Grid Width="444" 
      Height="500" 
      Background="{DynamicResource BackgroundSponge}" 
      ShowGridLines="False" 
      SnapsToDevicePixels="True"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="51" /> 
      <RowDefinition Height="36" /> 
     </Grid.RowDefinitions> 
     <Grid Grid.Row="0" Background="#286c97" Opacity="0.2" Margin="5"/> 
     <Grid Grid.Row="1" Background="#5898c0" Opacity="0.2" Margin="5"> 
      <ContentPresenter Grid.Row="0" /> 
     </Grid> 
    </Grid> 

은 너비가 괜찮지 만 높이는 어떨까요? 너의 높이가 그때 너의 아이 품목을 크게하면 그것은 나타날 것이다.

이상은 내부 자식에 여백이 있어야합니다.

마진 = "5"

또는

불투명도 = 같은 내부의 자녀가 투명하게 "0.2"어떻게 당신이 프로젝트의 배경 이미지를 포함하는

Answer 2

나는 항상 이렇게했습니다.

<Grid> 
    <Grid.Background> 
     <ImageBrush ImageSource="/Resources/Images/BG_BlankOptimized.png"/> 
    </Grid.Background> 
</Grid> 

이상의 바울은 그 스타일을 호출하는 정적 리소스를 사용하여 무엇을 제안 같은 이미지 경로를 사용하여 ImageBrush와 자원하여 호출하는 경우.

Answer 3

저는 이것을 일반적으로 사용합니다. 이미지가 리소스로 프로젝트에 추가되면 상대적으로이를 참조하십시오. 당신이 늘 배경을 볼 수있는 이유는 외부 그리드의 사용 가능한 모든 공간 이잖아 덮개 내부 차일이 주 그리드에서

<Border Background="{StaticResource play}"/>