如何对Templated Control中的按钮单击作出反应

本文关键字：单击 按钮 Templated Control | 更新日期: 2023-09-27 18:13:09

我写了一个自定义的模板控件，其中包含一个按钮:

<ControlTemplate TargetType="local:IncrementalFlipView">
    <Border
        Background="{TemplateBinding Background}"
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}">
        <StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Center">
            <Button Content="^" x:Name="PreviousPageButton" Click="Button_Click"/>
            <TextBlock Text="1" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10,0" FontSize="16" />
            <Button Content="v" x:Name="NextPageButton"/>
        </StackPanel>
    </Border>
</ControlTemplate>

我的问题是，我不知道如何反应按钮的点击事件。我在模板控件的代码中实现了Button_Click(object sender, RoutedEventArgs e)事件处理程序，但它没有捕获按钮的单击事件。

public sealed class IncrementalFlipView : Control
{
    public IncrementalFlipView()
    {
        this.DefaultStyleKey = typeof(IncrementalFlipView);
    }
    private void Button_Click(object sender, RoutedEventArgs e)
    {
        Debug.WriteLine("Clicked!");
    }
}

知道如何对点击事件作出反应吗?

如何对Templated Control中的按钮单击作出反应

正确的方法(我的观点)是使用Command Bindings。Templated控件中的样式按钮将看起来像这样:

 <Button Command="{Binding DataContext.BackCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type YourUIType}}}"                                      CommandParameter="{Binding}" />

你的AncestorType的类型取决于你正在使用的UI元素。

在你的主窗口你应该定义Command:

private RelayCommand _backCommand;
public ICommand BackCommand
{
    get { return _backCommand ?? (_backCommand = new RelayCommand(Back)); }
}

如果你浏览互联网，你会看到ICommand接口的基本RelayCommand定义(见[这里])。

然后，您只需要定义Back方法(它有一个参数化的对象):

private void Back(object obj)
{
    // Go back command
    ...
}

好吧，我自己解决了。不可能将Clicked事件传递给基类。但是可以在加载模板时访问按钮，并让他订阅所单击的事件，如下所示:

protected override void OnApplyTemplate()
{
    Button PreviousPageButton = (Button)GetTemplateChild("PreviousPageButton");
    PreviousPageButton.Click += PreviousPageButton_Click;
}
相关文章：