使用MVVM DataTemplate在WPF XAML视图之间切换

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

<UserControl x:Class="MvvmSwitchViews.View1"

            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

            mc:Ignorable="d"

            d:DesignHeight="300" d:DesignWidth="300">

   <Grid>

       <Button

           Content="Goto View 2"

           Command="{Binding GotoView2Command}"          

           HorizontalAlignment="Center"              

           Margin="10,10,0,0"

           VerticalAlignment="Center"

           Width="75">

       Button>

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

<UserControl x:Class="MvvmSwitchViews.View2"

            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

            mc:Ignorable="d"

            d:DesignHeight="300" d:DesignWidth="300">

   <Grid>

       <Button

           Content="Goto View 1"

           Command="{Binding GotoView1Command}"          

           HorizontalAlignment="Center"              

           Margin="10,10,0,0"

           VerticalAlignment="Center"

           Width="75">

       Button>

1

2

3

4

五

6

namespace MvvmSwitchViews

{

  public class View1ViewModel

  {

  }

}

1

2

3

4

五

6

namespace MvvmSwitchViews

{

  public class View2ViewModel

  {

  }

}

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<Window x:Class="MvvmSwitchViews.MainWindow"

       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

       xmlns:local="clr-namespace:MvvmSwitchViews" 

       Title="MainWindow" Height="350" Width="525">

   <Window.Resources>

       <DataTemplate DataType="{x:Type local:View1ViewModel}">

           <local:View1/>

       DataTemplate>

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

三十

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

using System.Windows.Input;

namespace MvvmSwitchViews

{

  public class MainWindowViewModel : ViewModelBase

  {

     private ICommand _gotoView1Command;

     private ICommand _gotoView2Command;

     private object _currentView;

     private object _view1;

     private object _view2;

     public MainWindowViewModel()

     {

        _view1 = new View1();

        _view2 = new View2();

        CurrentView = _view2;

     }

     public object GotoView1Command

     {

        get

        {

           return _gotoView1Command ?? (_gotoView1Command = new RelayCommand(

              x =>

              {

                 GotoView1();

              }));

        }

     }

     public ICommand GotoView2Command

     {

        get

        {

           return _gotoView2Command ?? (_gotoView2Command = new RelayCommand(

              x =>

              {

                 GotoView2();

              }));

        }

     }

     public object CurrentView

     {

        get { return _currentView; }

        set

        {

           _currentView = value;

           OnPropertyChanged("CurrentView");

        }

     }

     private void GotoView1()

     {

        CurrentView = _view1;

     }

     private void GotoView2()

     {

        CurrentView =  _view2;

     }

  }

}

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

using System;

using System.ComponentModel;

using System.Windows.Input;

namespace MvvmSwitchViews

{

  public class ViewModelBase : INotifyPropertyChanged

  {      

     public event PropertyChangedEventHandler PropertyChanged;    

     protected void OnPropertyChanged(string propertyName)

     {

        var handler = PropertyChanged;

        if (handler != null)

        {

           handler(this, new PropertyChangedEventArgs(propertyName));

        }

     }

  }

}

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

三十

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

using System;

using System.Windows.Input;

namespace MvvmSwitchViews

{

  public class RelayCommand : ICommand

  {

     private readonly Predicate _canExecute;

     private readonly Action _execute;

     public RelayCommand(Action execute)

        : this(execute, null)

     {

        _execute = execute;

     }

     public RelayCommand(Action execute, Predicate canExecute)

     {

        if (execute == null)

        {

           throw new ArgumentNullException("execute");

        }

        _execute = execute;

        _canExecute = canExecute;

     }

     public bool CanExecute(object parameter)

     {

        return _canExecute == null || _canExecute((T) parameter);

     }

     public void Execute(object parameter)

     {

        _execute((T) parameter);

     }

     public event EventHandler CanExecuteChanged

     {

        add { CommandManager.RequerySuggested += value; }

        remove { CommandManager.RequerySuggested -= value; }

     }

  }

  public class RelayCommand : ICommand

  {

     private readonly Predicate<object> _canExecute;

     private readonly Action<object> _execute;

     public RelayCommand(Action<object> execute)

        : this(execute, null)

     {

        _execute = execute;

     }

     public RelayCommand(Action<object> execute, Predicate<object> canExecute)

     {

        if (execute == null)

        {

           throw new ArgumentNullException("execute");

        }

        _execute = execute;

        _canExecute = canExecute;

     }

     public bool CanExecute(object parameter)

     {

        return _canExecute == null || _canExecute(parameter);

     }

     public void Execute(object parameter)

     {

        _execute(parameter);

     }

     // Ensures WPF commanding infrastructure asks all RelayCommand objects whether their

     // associated views should be enabled whenever a command is invoked

     public event EventHandler CanExecuteChanged

     {

        add

        {

           CommandManager.RequerySuggested += value;

           CanExecuteChangedInternal += value;

        }

        remove

        {

           CommandManager.RequerySuggested -= value;

           CanExecuteChangedInternal -= value;

        }

     }

     private event EventHandler CanExecuteChangedInternal;

     public void RaiseCanExecuteChanged()

     {

        CanExecuteChangedInternal.Raise(this);

     }

  }

}

1

2

3

4

五

6

7

8

9

10

11

12

13

14

using System;

namespace MvvmSwitchViews

{

  public class EventArgs : EventArgs

  {

     public EventArgs(T value)

     {

        Value = value;

     }

     public T Value { get; private set; }

  }

}

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

三十

31

32

33

34

35

36

37

38

39

using System;

namespace MvvmSwitchViews

{

  public static class EventRaiser

  {

     public static void Raise(this EventHandler handler, object sender)

     {

        if (handler != null)

        {

           handler(sender, EventArgs.Empty);

        }

     }

     public static void Raise(this EventHandler> handler, object sender, T value)

     {

        if (handler != null)

        {

           handler(sender, new EventArgs(value));

        }

     }

     public static void Raise(this EventHandler handler, object sender, T value) where T : EventArgs

     {

        if (handler != null)

        {

           handler(sender, value);

        }

     }

     public static void Raise(this EventHandler> handler, object sender, EventArgs value)

     {

        if (handler != null)

        {

           handler(sender, value);

        }

     }

  }

}