WPF中的擴展按鈕

Question

我是WPF，C＃和XAML（來自obj-c）的新手我只想弄清楚如何將它放到擴展控件的按鈕隱藏處，並出現在鼠標上方？謝謝

Answer 1

爲此，您將不得不借助ControlTemplate自定義擴展控制。您可以在控件模板中爲切換按鈕創建一個圖像，其默認來源不會是任何東西。鼠標懸停後，可以給出圖像的路徑並且圖像可見。

<ControlTemplate x:Key="ExpanderToggleButtonTemplate" TargetType="{x:Type ToggleButton}"> 
     <Border x:Name="ExpanderToggleButtonBorder" Height="30"> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
        <ColumnDefinition Width="Auto"/> 
       </Grid.ColumnDefinitions> 
       <Image Name="img" HorizontalAlignment="Left"></Image> 
       <ContentPresenter x:Name="HeaderContent" Grid.Column="0" Margin="50,0,0,0" 
           ContentSource="Content" > 
       </ContentPresenter> 
      </Grid> 
     </Border> 
     <ControlTemplate.Triggers> 
      <Trigger Property="IsMouseOver" 
          Value="true"> 
       <Setter Property="Source" 
           Value="path of whichever image is required" 
           TargetName="img"/> 
      </Trigger> 
     </ControlTemplate.Triggers> 
    </ControlTemplate> 
    <ControlTemplate x:Key="ExpanderTemplate" TargetType="{x:Type Expander}"> 
     <DockPanel> 
      <ToggleButton DockPanel.Dock="Top" 
          Template="{StaticResource ExpanderToggleButtonTemplate}" Content="{TemplateBinding Header}" 
          IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" OverridesDefaultStyle="True"> 
      </ToggleButton> 
      <ContentPresenter x:Name="ExpanderContent" Grid.Row="1" Visibility="Collapsed" DockPanel.Dock="Bottom"/> 
     </DockPanel> 
     <ControlTemplate.Triggers> 
      <Trigger Property="IsExpanded" Value="True"> 
       <Setter TargetName="ExpanderContent" Property="Visibility" Value="Visible"/> 
      </Trigger> 

     </ControlTemplate.Triggers> 
    </ControlTemplate>