내 WPF 페이지 (C # 애플리케이션)에 8 개의 버튼이 있습니다. 이 버튼 각각에 대해 다른 이미지를 배치하고 이미지 위로 마우스를 가져 가기를 원합니다.
이 링크는 모든 버튼의 배경 이미지를 배치하는 방법을 알려줍니다 : wpf 버튼 배경 이미지
각 버튼이 고유 한 배경 이미지를 갖고 이미지 위로 마우스를 가져 가도록이를 수정하려면 어떻게해야합니까?
다른 이미지가 필요한 경우 배경 이미지와 호버 이미지를 설정해야합니다 differently for each button.
또한, hover over image won't be visible버튼 브러시 위에있는 기본 마우스는 항상 버튼의 배경보다 우선하기 때문입니다. 이를 위해 override default template기본 스타일 버튼에서 수행 할 수 있습니다.
하나의 버튼에 대해 아래 예에서 언급했듯이 다른 버튼에 대해서도 복제해야합니다. ( 기본 템플릿은 모든 버튼에 자동으로 적용되므로 재정의 할 필요가 없습니다. 다른 7 개의 버튼은 내부 스타일 만 제공하면됩니다. )
<StackPanel>
<StackPanel.Resources>
<Style TargetType="Button">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Border Background="{TemplateBinding Background}">
<ContentPresenter/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</StackPanel.Resources>
<Button Width="100" Height="100">
<Button.Style>
<Style TargetType="Button"
BasedOn="{StaticResource {x:Type Button}}">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="Image1.png"/>
</Setter.Value>
</Setter>
<Style.Triggers>
<DataTrigger Binding="{Binding IsMouseOver,
RelativeSource={RelativeSource Self}}"
Value="True">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="Image2.png"/>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>
</StackPanel>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다