MVVM 代码记录

 

一.XML

<Page
    x:Class="MVVM.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MVVM"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"

    >

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="120*"></RowDefinition>
            <RowDefinition Height="500*"></RowDefinition>

        </Grid.RowDefinitions>
        <!--<Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>-->
        <StackPanel Grid.Row="0">
          //绑定数据源  绑定的事viewModel的公有字段
         <TextBlock Text="{Binding Path=Title1}" FontSize="30"></TextBlock>
            <TextBlock Text="{Binding Path=Title2}" FontSize="60"></TextBlock>

        </StackPanel>
        <Grid x:Name="contentRoot"/>
        <ListView Grid.Row="1"  ItemsSource="{Binding Collection}"  Margin="10,10,-10,10">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Name}" FontSize="40" Margin="0 ,0,20,0" />
                        <TextBlock Text="{Binding Gender}" FontSize="40" Margin="0 ,0,20,0" />
                        <TextBlock Text="{Binding Age}" FontSize="40" Margin="0 ,0,20,0" />
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</Page>

二、Model

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MVVM
{
    public class PersonModel
    {
        public string Name { get; set; }
        public char Gender { get; set; }
        public int  Age { get; set; }
    }
}

三、ViewModel

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace MVVM
{
    //要实现通知 ——>就要实现INotifyPropertyChanged
    public  class PersonViewModel:INotifyPropertyChanged
    {
        private string title1;
        private string title2;
        public PersonViewModel(){}
        public PersonViewModel(string Title1, string Title2, IEnumerable<PersonModel> collection)
        {
            this.title1 = Title1;
            this.title2 = Title2;
            Collection = new ObservableCollection<PersonModel>();
            foreach (var item in collection)
            {
                Collection.Add(item);

            }

        }
        //实现接口  + 处理方法
        public event PropertyChangedEventHandler PropertyChanged;
        private void EventHendle(string propertyNanme)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this,new PropertyChangedEventArgs (propertyNanme));
            }
        }

        public string Title1 { get { return title1; }set { Title1 = value;EventHendle(Title1);}}
        public string Title2 { get{return title2;} set{Title2=title2;EventHendle(Title2);}}

        public ObservableCollection<PersonModel> Collection { get; set; }

    }
}
 结果如下：

MVVM代码记录，来自传智播客公开课