Mvvm-Light用户控制RelayCommand模板绑定

Question

[UWP-Windows 10]

我是MVVM-Light的新手，所以遇到了一些入门问题。 我创建了一个名为TileToolbar的自定义用户TileToolbar ，其中包含以下xaml：

  <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
    <RadioButton Style="{StaticResource NavRadioButtonStyle}" Tag="&#xE141;" Foreground="Green"></RadioButton>
    <RadioButton Style="{StaticResource NavRadioButtonStyle}" Tag="&#xE7E6;" Foreground="Green"></RadioButton>
    <RadioButton Style="{StaticResource NavRadioButtonStyle}" Tag="&#xEB52;" Foreground="Green"></RadioButton>
</StackPanel>

现在，我想为每个RadioButton添加一个RelayCommand ，并且希望每个包含自定义usercontrol的页面都能够绑定自定义RelayCommand 。

• 我的第一种方法是在xaml中设置Command属性，并在实际起作用的viewmodel（例如MainViewModel ）中实现该方法-缩短xaml： <RadioButton Command="{Binding Command}"></RadioButton>
• 因为我想使用诸如<TileToolbar PinCommand={Binding Command}></TileToolbar>这样的customcontrol在页面中设置属性，所以我创建了RelayCommand类型的依赖项属性，但是TemplateBinding无法正常工作。

所以我的问题是：我该如何在UserControl中创建诸如PinCommand类型的PinCommand之类的RelayCommand ，以便以后可以在xaml中将其绑定到例如Mainpage ？

Answer 1

所以我的问题是：我如何在UserControl中创建诸如RelayCommand类型的PinCommand之类的属性，以便以后可以在xaml中将其绑定到例如Mainpage？

你可以注册一个PinCommand在类型RelayCommand在你的UserControl的代码背后例如是这样的：

public static DependencyProperty PinCommandProperty = DependencyProperty.Register("PinCommand", typeof(RelayCommand), typeof(TileToolbar), new PropertyMetadata(null));

public RelayCommand PinCommand
{
    get
    {
        return (RelayCommand)GetValue(PinCommandProperty);
    }
    set
    {
        SetValue(PinCommandProperty, value);
    }
}

现在，您可以在MainPage使用此TileToolbar ，例如：

<Controls:TileToolbar Grid.Row="1" VerticalAlignment="Bottom" PinCommand="{Binding pinCommand, Mode=OneWay}" />

视图模型中的代码如下所示：

private RelayCommand _pinCommand;

public RelayCommand pinCommand
{
    get
    {
        if (_pinCommand == null)
        {
            _pinCommand = new RelayCommand(() =>
            {
                //TODO:
            },
            () => true);
        }
        return _pinCommand;
    }
}

对于将RadioButton的Command连接到PinCommand的TileToolBar ，您可以在用户控件中使用如下示例代码：

<RadioButton Tag="&#xEB52;" Foreground="Green" Command="{x:Bind PinCommand, Mode=OneWay}"></RadioButton>