通过添加标题按钮防止折叠/展开wpf展开器

Question

我有以下问题:我必须添加一对额外的按钮扩展头(为了改变扩展内容的表示方案-图或表)。但问题是，当我按下这些按钮时，扩展器正在折叠或扩展(我只想改变内容)。我记得在网络开发过程中，这是一种泡沫事件。我为CancelBubble找到了以下解决方案:e.Handled = true;但它没有帮助

<Expander x:Name="xpdNumberDevices">
    <Expander.Header >
        <Border Background="#E5E5E5">
            <StackPanel Width="605" Height="40" Orientation="Horizontal" HorizontalAlignment="Center">
                <Label Foreground="Black" Content="Number of Devices" 
                        HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0,0,0" FontSize="14" />
                <Image x:Name="imgGraphNumberDevices" Height="24" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="380,0,0,0"
                        MouseLeftButtonUp="btnNumDeviceGraph_Click">
                    <Image.Style>
                        <Style TargetType="{x:Type Image}">
                            <Setter Property="Source" Value="/Pictures/graph_button.png"/>
                                <Style.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter Property="Source" Value="/Pictures/graph_button_over.png"/>
                                    </Trigger>
                               </Style.Triggers>
                         </Style>
                     </Image.Style>    
                </Image>
                <Image Height="24" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,0,0"
               MouseLeftButtonUp="btnNumDeviceTable_Click">
                    <Image.Style>
                        <Style TargetType="{x:Type Image}">
                            <Setter Property="Source" Value="/Pictures/table_button.png"/>
                            <Style.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Source" Value="/Pictures/table_button_over.png"/>
                                </Trigger>
                             </Style.Triggers>
                         </Style>
                     </Image.Style>    
                 </Image>
             </StackPanel>
          </Border>
      </Expander.Header>
      <my:Chart Name="crtDeviceNumberChart" Title="Number of Devices" VerticalAlignment="Top" Margin="20,5,0,0" Height="280" Width="600" BorderBrush="#FFE5E5E5">
          <my:BarSeries Title="Devices" DependentValuePath="Key" IndependentValuePath="Value" ItemsSource="{Binding}" IsSelectionEnabled="True" />
      </my:Chart>                            
  </Expander>

Answer 1

既然你把图像当作一个按钮，为什么不把它变成一个带有图像的按钮呢?作为测试，如果您用按钮替换图像，您将看到单击标题上的按钮不会展开/折叠Expander .

你可以修改按钮的模板，让它看起来像一个图像:

<Button>
    <Button.Template>
        <ControlTemplate>
            <Border HorizontalAlignment="Center" VerticalAlignment="Center" >
                <Image Source="/Pictures/graph_button.png" Width="24" Height="24"/>
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button

我还建议您学习command，以及如何在单击按钮时绑定到command以执行操作。