2014-02-13 1 views
0

이미지 크기가 창 크기 (너비와 높이가 현명함)가됩니다.이미지가 다른 이미지 위에 겹치지 않는 버튼

나는 다음과 같은 XAML로 꼭대기에 앉아 버튼이 : 이것은 실행 버튼 벌금을 보여줍니다

<Image Source="sample.png"></Image> 
<Button Height="50" Width="100" Content="OverLay Image" Foreground="AliceBlue" 
     Background="Transparent" HorizontalAlignment="Left" 
     VerticalAlignment="Top"/> 

그러나, 나는 텍스트이를 사용하는 대신 이미지가 버튼을 싶습니다 템플릿 :

내가 템플릿 섹션을 추가
 <Button Height="50" Width="100" Content="OverLay Image" 
       Foreground="AliceBlue" Background="Transparent" 
       HorizontalAlignment="Left" VerticalAlignment="Top"> 
      <Button.Template> 
       <ControlTemplate> 
        <Border> 
         <Image Source="img/sample.png" 
           Width="32" 
           Height="32"/> 
        </Border> 
       </ControlTemplate> 
      </Button.Template> 
     </Button> 

:

  <Button.Template> 
       <ControlTemplate> 
        <Border> 
         <Image Source="img/sample.png" 
           Width="32" 
           Height="32"/> 
        </Border> 
       </ControlTemplate> 
      </Button.Template> 

버튼이 사라집니다. 아무도 이것을 본 적이 없거나 버튼을 강제로 표시하는 방법을 알고 있습니까?

미리 감사드립니다.

답변

0

ControlTemplate을 변경 했으므로 이미지 만 표시됩니다. 모든 것이 잘 보입니다. 이미지 경로가 정확한지 확인하십시오. 테두리에 배경을 설정하여 틀에 문제가 없는지 확인하십시오. VisualTree를보고 이미지의 소스를 보려면 Snoop을 사용하십시오.

+0

윈도우를 넓힐 때, 오른쪽 상단에 버튼을 놓으면, 윈도우 크기를 그릴 때 이미지 뒤의 버튼이 보입니다. –

0

그것은 아무것도 수 있지만, 나는 Image의 첫 번째 (작업) 예를 들어, 당신은 당신의 이미지에이 경로를 사용하는 것으로 나타났습니다 :

<Image Source="sample.png"></Image> 

하지만이 작동하지 않습니다 말하는 하나를 경로를 사용하여 :

<Image Source="img/sample.png"/> 

은 어쩌면 당신이 만든 단지 오류 여기를 복사 이었지만, 그렇지 않으면 ControlTemplate이 시도 :

<Image Source="sample.png"/>