11

我想根据之前的内容单击来更改按钮内容。例如，如果是Add，则应更改为Save，如果是Save，则应更改回Add。

我知道如何更改按钮的内容。但是如何阅读内容来做出改变呢？

4

5 回答 5

14

如果您使用的是 MVVM，请将内容绑定到一个值并将命令绑​​定到函数。

<Button Content="{Binding ButtonText}" Command="{Binding ButtonClickCommand}"/>

当然，您可以在 ViewModel 中将 String ButtonText 和 ButtonClickCommand 作为属性。

private string _ButtonText;
public string ButtonText
{
    get { return _ButtonText ?? (_ButtonText = "Add"); }
    set
    { 
        _ButtonText = value;
        NotifyPropertyChanged("ButtonText"); 
    }
}

private ICommand _ButtonClickCommand;
public ICommand ButtonClickCommand
{
    get { return _ButtonClickCommand ?? (_ButtonClickCommand = _AddCommand); }
    set
    {
        _ButtonClickCommand = value;
        NotifyPropertyChanged("ButtonClickCommand");
    }
} 

private ICommand _AddCommand = new RelayCommand(f => Add());
private ICommand _SaveCommand = new RelayCommand(f => Save());

private void Add()
{
    // Add your stuff here

    // Now switch the button   
    ButtonText = "Save";
    ButtonClickCommand = SaveCommand;
}

private void Save()
{
    // Save your stuff here

    // Now switch the button   
    ButtonText = "Add";
    ButtonClickCommand = AddCommand;
}

然后，您可以让 ButtonClickCommand 更改属性，并且绑定会处理所有事情。

于 2012-04-04T03:35:54.100 回答
11

将上次单击的值存储在该按钮的标记属性中，并在单击时检查其值。

标签 描述

获取或设置可用于存储有关此元素的自定义信息的任意对象值。

MSDN 链接

或者

void MyButton_OnClick(object sender, RoutedEventArgs e)
{
    if(mybutton.Content.ToString() == "Add")
    {
        \\ Lines for add
        mybutton.Content = "Save";
    }
    else
    {
        \\ Lines for Save
        mybutton.Content = "Add";    
    }
}
于 2012-04-04T03:14:49.337 回答
7

我同意 Surfens 的回答，即这里的问题不是一个完美的示例，ToggleButton因为“保存”和“添加”是一个非常不同的操作，每个操作都应该在各自的按钮上设置自己的“ICommand”。

但这里有一些样式会根据IsCheckedToggleButton 的值改变内容。

如果未选中按钮，内容将为“ValueForUnToggledState” ，选中时变为“ValueForToggledState”。

<ToggleButton>
    <ToggleButton.Style>
        <Style TargetType="{x:Type ToggleButton}">
            <Setter Property="Content" Value="ValueForUnToggledState" />
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content" Value="ValueForToggledState" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

这比其他一些答案更像 WPF。

于 2017-06-09T07:27:08.073 回答
4

另一种设计可能是如果创建了 2 个按钮，例如AddButton和SaveButton，那么可以分别显示或隐藏它们（使用Visibility属性）。

为什么？

因为这是一个关注点分离的问题。例如，在单击处理程序中，您不需要检查您所处的模式，因为您将拥有单独的处理程序。您还希望按钮具有不同的图标、不同的工具提示等。

于 2012-04-04T03:14:33.953 回答
3

您还可以使用带有 EventTriggers 的 ToggleButton 来执行 Checked 和 Unchecked 状态的不同方法。

<ToggleButton x:Name="ToggleButton" Content="Add"
              Style="{StaticResource ToggleStyle}"
              IsThreeState="False">
     <i:Interaction.Triggers>
      <i:EventTrigger EventName="Checked">
      <ei:CallMethodAction MethodName="Save" TargetObject="{Binding}" />
     </i:EventTrigger>
     <i:EventTrigger EventName="Unchecked">
       <ei:CallMethodAction MethodName="Add" TargetObject="{Binding}" />
     </i:EventTrigger>
 </i:Interaction.Triggers>
 </ToggleButton>

您还可以使用样式来修改 ToggleButton 模板并更改选中状态的文本。为此，请获取 ToggleButton 样式的副本，并在 Checked VisualState 中将其添加到情节提要：

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="(UIElement.Content)">
 <DiscreteObjectKeyFrame KeyTime="0">
    <DiscreteObjectKeyFrame.Value>
         Save
    </DiscreteObjectKeyFrame.Value>
   </DiscreteObjectKeyFrame>
 </ObjectAnimationUsingKeyFrames>

如果您不想走那条路线，那么您可以将其添加到您的检查触发器中：

<ei:ChangePropertyAction PropertyName="ButtonText" Value="Save"/>

要使用这些方法，您需要引用 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.5\Libraries 中的 Microsoft.Expression.Interactions 和 System.Windows.Interactivity 二进制文件。

于 2014-08-07T15:08:15.677 回答