как скрыть текстовый блок с привязкой к данным, когда свойство, с которым он связан, изменяется, используя MVVM - PullRequest
Новая
       22

как скрыть текстовый блок с привязкой к данным, когда свойство, с которым он связан, изменяется, используя MVVM

3 голосов
/ 26 марта 2012

Я использую шаблон проектирования MVVM и не хочу много кода в моем коде позади. кодирование в XAML и C #.

когда пользователь сохраняет новую запись, я бы хотел, чтобы "запись сохранена" появлялась в текстовом блоке, а затем исчезала.

Я бы хотел работать именно таким образом: 

<TextBlock Name="WorkflowCreated" Text="Record saved">
  <TextBlock.Triggers>
    <DataTrigger Binding="{Binding Path=NewWorkflowCreated}">
       <DataTrigger.EnterActions>
        <BeginStoryboard>
            <Storyboard>
                <DoubleAnimation
                 Storyboard.TargetName="WorkflowCreated" 
                 Storyboard.TargetProperty="(TextBlock.Opacity)"
                 From="1.0" To="0.0" Duration="0:0:3"/>
            </Storyboard>
        </BeginStoryboard>
     </DataTrigger.EnterActions>
  </DataTrigger>
</TextBlock.Triggers>

поэтому, когда NewWorkflowCreated изменяется в модели представления, он запускает анимацию, к сожалению, это не работает. Я также попробовал это: 

<TextBlock Name="Message" Text="This is a test.">
 <TextBlock.Triggers>
  <EventTrigger RoutedEvent="TextBlock.Loaded">
   <BeginStoryboard>
    <Storyboard>
      <DoubleAnimation
        Storyboard.TargetName="Message" 
        Storyboard.TargetProperty="(TextBlock.Opacity)"
        From="1.0" To="0.0" Duration="0:0:3"/>
    </Storyboard>
   </BeginStoryboard>
  </EventTrigger>
 </TextBlock.Triggers>
</TextBlock>

любая помощь будет высоко ценится. Может быть, есть что-то, что требует кода в модели View?

Ответы [ 3 ]

5 голосов
/ 26 марта 2012

Вы используете DataTrigger, который должен быть в стиле. 

<Window.DataContext>
    <WpfApplication2:TestViewModel/>
</Window.DataContext>

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.Resources>
        <Style x:Key="textBoxStyle" TargetType="{x:Type TextBlock}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=NewWorkflowCreated}" Value="True">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                                    Storyboard.TargetProperty="(TextBlock.Opacity)"
                                    From="1.0" To="0.0" Duration="0:0:3"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Grid.Resources>
    <TextBlock Name="WorkflowCreated" Style="{StaticResource textBoxStyle}" Text="Record saved" />
    <Button Content="press me" Grid.Row="1" Click="Button_Click_1"/>
</Grid>

public class TestViewModel : INotifyPropertyChanged
{
    private bool _newWorkflowCreated;
    public bool NewWorkflowCreated
    {
        get { return _newWorkflowCreated; }
        set { 
            _newWorkflowCreated = value;
            PropertyChanged(this, new PropertyChangedEventArgs("NewWorkflowCreated"));
        }
    }


    #region Implementation of INotifyPropertyChanged

    public event PropertyChangedEventHandler PropertyChanged;

    #endregion
}
0 голосов
/ 27 марта 2015
0 голосов
/ 26 марта 2012

Такое поведение, специфичное для пользовательского интерфейса, должно определенно обрабатываться в View, а не ViewModel

Я бы посоветовал заглянуть в событие TextChanged и посмотреть, как там запустить анимацию

...