标题中的 ExpanderView 交互式项目

Question

我想要一些交互项目，我可以在 ExpanderView 的标题中单击并触发事件。这是项目的正常行为，但我无法让它在标题中工作。

就我而言，我有带有 MouseLeftButtonDown 的图像

有什么想法吗？

谢谢， 迈克尔

Answer 1

您可以通过更改 ExpanderView 的 HeaderTemplate 来更改标题的外观和内容。 HeaderTemplate 采用 DataTemplate，它可以控制您放置的任何控件。

<toolkit:ExpanderView>
    <toolkit:ExpanderView.HeaderTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding}"/>
                <Button Content="Click Me!" Grid.Column="1"
                        <!-- Use click event to handle within code behind -->
                        Click="OnHeaderBuittonclick"
                        <!-- Use command to handle within view model -->
                        Command="{Binding DoSomethingCommand}"
                        />
            </Grid>
        </DataTemplate>
    </toolkit:ExpanderView.HeaderTemplate>
</toolkit:ExpanderView>