1

我是 C# 新手,这是我的第一个 WPF 项目。我正在关注本教程(使用他们的 RelayCommand 实现并尝试使用 MVVM。我正在实现标准 Windows 计算器的克隆。我想找到一种方法来对类似按钮的功能进行分组,因为我正在做的事情似乎很笨拙。

例如,这是我的三个按钮的 XAML

<Button Content="_7" Focusable ="False" Command="{Binding Seven}" Style="{DynamicResource NumberButton}" Margin="0,134,184,129"/>
<Button Content="_8" Focusable ="False" Command="{Binding Eight}" Style="{DynamicResource NumberButton}" Margin="46,134,138,129"/>
<Button Content="_9" Focusable ="False" Command="{Binding Nine}" Style="{DynamicResource NumberButton}" Margin="92,134,92,129"/>

这是那些的 ICommands:

public ICommand Nine { get { return new RelayCommand(NineExecute); } }
public ICommand Eight { get { return new RelayCommand(EightExecute); } }
public ICommand Seven { get { return new RelayCommand(SevenExecute); } }

和方法:

void NineExecute()
{
   NumberPressed("9");
}
void EightExecute()
{
   NumberPressed("8");
}
void SevenExecute()
{
   NumberPressed("7");
}

为了将类似的功能按钮(例如数字)分组到一个 ICommand 中,我应该调查什么,使用一个可以确定发送者的方法 - 同时仍然没有将代码放在 Window 类中,正如文章所警告的那样。

4

3 回答 3

3

按钮的 Xlam 代码(假设您定义了数据上下文):

    <....DataContext>
        <loc:Commands/>
    </....DataContext>
    <Button Content="_9" 
            Command="{Binding Path=ShowMeABox}" 
            CommandParameter="{Binding RelativeSource={RelativeSource Mode=Self}, Path=Content}"/>

我们的虚拟命令(使用RelayCommand<T>提供的链接):

public class Commands
{
    private static readonly ICommand _showShowBoxCommand = 
        new RelayCommand<string>(str => MessageBox.Show(str));
    public static ICommand ShowMeABox { get { return _showShowBoxCommand; } }
}

而已。

供参考。

  1. 您似乎明确指定了按钮大小,这通常是一种不好的做法。要定位您的按钮,请使用堆栈或环绕面板,或网格/统一网格。
  2. 阅读有关样式和模板的信息以增加代码重用。

例子:

 <UniformGrid Columns="3" Rows="3">
    <UniformGrid.DataContext>
        <loc:Commands/>
    </UniformGrid.DataContext>
    <UniformGrid.Resources>
        <Style TargetType="Button">
            <Setter Property="Command" Value="{Binding ShowMeABox}"/>
            <Setter Property="CommandParameter" Value="{Binding RelativeSource={RelativeSource Mode=Self}, Path=Content}"/>
        </Style>
    </UniformGrid.Resources>
    <Button Content="_1"/>
    <Button Content="_2"/>
    <Button Content="_3"/>
    <Button Content="_4"/>
    <Button Content="_5"/>
    <Button Content="_6"/>
    <Button Content="_7"/>
    <Button Content="_8"/>
    <Button Content="_9"/>
</UniformGrid>
  1. 可能可以绑定Enumerable.Range(0,10)以 MVVM 方式自动填充控件。

祝你好运!

于 2013-04-20T01:56:57.987 回答
2

使用 CommandParameter 属性 - 这样您可以将所有按钮绑定到同一个命令,但每个数字使用不同的CommandParameter(即,CommandParameter 应该是一个整数,表示实际按下的按钮)

于 2013-04-20T00:06:58.633 回答
0

我会亲自使用构造函数编写此代码:

public YourType()
{
    this.Seven = new RelayCommand( () => NumberPressed("7"));
    this.Eight = new RelayCommand( () => NumberPressed("8"));
    this.Nine = new RelayCommand( () => NumberPressed("9"));
}

public ICommand Nine { get; private set; }
public ICommand Eight { get; private set; }
public ICommand Seven { get; private set; }

CommandParameter请注意,使用, 和单个命令也可能有意义。许多框架在RelayCommand/ ActionCommand/etc 上提供了一个变体,它接受一个命令参数,然后您可以在 XAML 中指定它。该特定实现不允许它,但许多都允许,并将映射到CommandParameter直接获取作为参数的方法。

于 2013-04-20T00:06:08.163 回答