템플릿의 콘텐츠에서 이미지 사용하기

Question

나는 이것을 가장 잘 수행하는 방법을 잘 모르겠습니다. 이미지를 사용하고자하는 버튼의 템플리트가 있습니다.이 템플리트의 다른 인스턴스에 따라 다릅니다. 그 버튼의 템플릿.

코드 : 그것은 "달성하는 방법이"를 말합니다 곳

<Style TargetType="Button" x:Key="iconButton"> 
     <Style.Resources> 
      <!-- add the "content to image source" converter--> 
      <converters:ContentToImageSourceConverter x:Key="ContentToImageSourceConverter"/> 
     </Style.Resources> 
     <Setter Property="Foreground" Value="{DynamicResource foreground_color}"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid Margin="5"> 
         <Ellipse x:Name="circle" Width="45" Height="45" Fill="{DynamicResource foreground_color}" Opacity="0"/> 
         <Ellipse Width="45" Height="45" Fill="{DynamicResource foreground_color}"> 
          <Ellipse.OpacityMask> 
           <!--How to accomplish this?--> 
           <ImageBrush ImageSource="{TemplateBinding Property=Content "/> 
          </Ellipse.OpacityMask> 
         </Ellipse> 
        </Grid> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="True"> 
          <Setter TargetName="circle" Property="Opacity" Value="0.15"/> 
         </Trigger> 
         <Trigger Property="IsPressed" Value="True"> 
          <Setter TargetName="circle" Property="Opacity" Value="0.3"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 

    </Style> 

라인에서보세요. 나는 이미지를 소스로 사용하고하지만 난 당신이 버튼을 사용할 때마다 이미지가 예를 들어, 정의하려는 :

<Button Style="{StaticResource iconButton}" DockPanel.Dock="Right"> 
        <Image Source="/Sources/settings_icon.png"/> 
       </Button> 

내가하지 단순히 버튼 때문에의 내용으로 이미지를 렌더링 할 할 나는 그것을 다른 마스크로 사용하고 있기 때문에 전경색을 변경하고 아이콘을 다른 색상으로 렌더링 할 수 있습니다.

필자는 WPF에 익숙하지 않으며 그것을 달성하는 가장 좋은 방법이 무엇인지 확신하지 못한다.

Answer 1

이미지 소스의 하나의 종속성 속성을 사용하여 사용자 지정 컨트롤을 사용합니다. 이거 해봤 니?

그리고 당신은 그것을 할이

<MyCustomButton DockPanel.Dock="Right" ImageSource = Sources/settings_icon.png"> 
      </MyCustomButton> 

같은 간단한 방법을 사용합니다 :

1. 를 프로젝트에 UserControl을 추가 XAML에서
2. 단 하나 개의 버튼을
3. 추가 추가 스타일을이 컨트롤에 추가하고 단추로 설정합니다.
4. 종속성 속성을 추가하고이를 이미지에 연결합니다. rce (스타일) 바인딩. 여기에 바인딩 소스를 지정해야합니다.

두 번째 방법 {RelativeSource = {RelativeSource 자체} 바인딩} :

1. 는 Button 클래스를 형성 파생되는 클래스를 확인합니다.
2. 이미지 원본 개체와 함께 하나의 종속성 속성을 추가합니다.
3. 스타일에서 이미지 컨트롤의 원본 속성에 대한 바인딩을 지정하면 해당 속성과 이름이 같아야합니다. 바인딩 소스를 찾을 수 없기 때문에 바인딩 원본을 조상으로 지정해야한다고 생각합니다. 구문을 보려면 여기를 클릭하십시오. Binding to an ancestor in WPF

두 가지 방법 모두에서 사용법이 동일합니다.