豆瓣电台WP7客户端 MVVM重构记录之使用MVVM Light实现数据绑定

using GalaSoft.MvvmLight;
using Microsoft.Xna.Framework.Input.Touch;
using Helper;
using System;
using System.Windows;

namespace DBFM7.ViewModel
{
    /// <summary>
    /// This class contains properties that a View can data bind to.
    /// <para>
    /// Use the <strong>mvvminpc</strong> snippet to add bindable properties to this ViewModel.
    /// </para>
    /// <para>
    /// See http://www.galasoft.ch/mvvm/getstarted
    /// </para>
    /// </summary>
    public class ChannelTileViewModel : ViewModelBase
    {
        /// <summary>
        /// Initializes a new instance of the ChannelTileViewModel class.
        /// </summary>
        public ChannelTileViewModel()
        {
            TouchPanel.EnabledGestures = GestureType.Tap | GestureType.HorizontalDrag;
            if (!PlayListHelper.IsInited)
            {
                PlayListHelper.InitChannelComplete += new Action(PlayListHelper_InitChannelComplete);
                PlayListHelper.InitChannel();//初始化播放列表
            }
            else
                this.IsShowGoBtn = Visibility.Visible;
        }


        private string _Title="频道正在初始化...";
        /// <summary>
        /// 标题
        /// </summary>
        public string Title
        { get { return _Title; } 
          set 
          {
              this._Title = value;
              this.RaisePropertyChanged("Title");
          } 
        }


        private Visibility _IsShowGoBtn=Visibility.Collapsed;
        /// <summary>
        /// 是否显示右边的箭头
        /// </summary>
        public Visibility IsShowGoBtn
        {
            get { return this._IsShowGoBtn; }
            set
            {
                this._IsShowGoBtn = value;
                this.RaisePropertyChanged("IsShowGoBtn");
            }
        }

        /// <summary>
        /// 初始化tile的image跟title
        /// </summary>
        protected void PlayListHelper_InitChannelComplete()
        {
  
            this.Title = "请选择一个你喜欢的频道";

        }

    }
}

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Ioc;
using Microsoft.Practices.ServiceLocation;
using DBFM7.ViewModel;

namespace DBFM7
{
    /// <summary>
    /// This class contains static references to all the view models in the
    /// application and provides an entry point for the bindings.
    /// <para>
    /// Use the <strong>mvvmlocatorproperty</strong> snippet to add ViewModels
    /// to this locator.
    /// </para>
    /// <para>
    /// See http://www.galasoft.ch/mvvm/getstarted
    /// </para>
    /// </summary>
    public class MvvmViewModelLocator
    {
        static MvvmViewModelLocator()
        {
            ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

            if (ViewModelBase.IsInDesignModeStatic)
            {
                // SimpleIoc.Default.Register<IDataService, Design.DesignDataService>();
            }
            else
            {
                // SimpleIoc.Default.Register<IDataService, DataService>();
            }

            SimpleIoc.Default.Register<ChannelTileViewModel>();
        }

        /// <summary>
        /// Gets the Main property.
        /// </summary>
        [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Performance",
            "CA1822:MarkMembersAsStatic",
            Justification = "This non-static member is needed for data binding purposes.")]
        public ChannelTileViewModel ChannelTile
        {
            get
            {
                return ServiceLocator.Current.GetInstance<ChannelTileViewModel>();
            }
        }

    }
}
把生成的MainViewModel替换成ChannelTileViewModel。

    <Application.Resources>
        <vm:MvvmViewModelLocator xmlns:vm="clr-namespace:DBFM7"
                                   x:Key="Locator" />
    </Application.Resources>

<phone:PhoneApplicationPage xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"  
    x:Class="DBFM7.View.ChannelTile"
。。。。。。。。。。。。

    DataContext="{Binding ChannelTile,Source={StaticResource Locator}}">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,0">
            <TextBlock x:Name="ApplicationTitle" Text="DB.FM 7" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock HorizontalAlignment="Center" x:Name="PageTitle" 
                       Text="{Binding Title}" 
                       Margin="0,40,0,0" FontSize="22"/>
        </StackPanel>

。。。。。。。。。。。。。。。。。。

            <Image  Grid.Column="2"
                VerticalAlignment="Top"
                Margin="0,12,0,0"
                Width="48" Height="48" 
                Source="..\ICON\RightGo.png" 
                x:Name="imgGo" Tap="imgGo_Tap"
                 Visibility="{Binding IsShowGoBtn}" />