MVVM模式应用 之为ApplicationBarIconButton 添加Command操作属性

在学习MVVM的过程中，总是会遇到挫折，一碰到就是花费好长时间去解决。。唉，不求量，只求质。

第一种（已经实践成功）：

（1）http://bindableapplicationb.codeplex.com/ 去这个网址，下载项目吧。

接下来，我就需要在我的项目中添加命名空间了。

添加代码：

  <bar:Bindable.ApplicationBar>
        <bar:BindableApplicationBar>
            <bar:BindableApplicationBarButton
            Text="添加大学"
            IconUri="Images/appbar.add.rest.png"/>
        </bar:BindableApplicationBar>
    </bar:Bindable.ApplicationBar>

先看看效果：

看到了吧。。和ApplicationBarIconButton的效果是一样的。

而且，还有ApplicationBarIconButton不能实现的东西。

 <bar:Bindable.ApplicationBar>
        <bar:BindableApplicationBar>
            <bar:BindableApplicationBarButton
            Text="添加大学"
            IconUri="Images/appbar.add.rest.png" Command="{Binding ToAddPageCommand}"/>
        </bar:BindableApplicationBar>
    </bar:Bindable.ApplicationBar>

看到没有啊 。。。

然后，在MainViewModel.CS中添加如下代码

（1）添加以下属性和方法：

 　　　　public RelayCommand ToAddPageCommand { get; set; }
        public void NavigateToAddUniversity()
        {
            University1 = University3;
        }

（2）在初始化函数MainViewModel()中添加一句：

 ToAddPageCommand = new RelayCommand(()=>{
                NavigateToAddUniversity();
 });

为体会BindableApplicationBar.dll类库给我们带来的强大的功能，贴如下代码：

<bar:Bindable.ApplicationBar>
    <bar:BindableApplicationBar
        IsVisible="{Binding BarIsVisible}"
        IsMenuVisible="{Binding IsMenuVisible, Mode=TwoWay}"
        IsMenuEnabled="{Binding IsMenuEnabled}"
        ForegroundColor="{Binding ForegroundColor, Converter={StaticResource DoubleToColorConverter}}"
        BackgroundColor="{Binding BackgroundColor, Converter={StaticResource DoubleToColorConverter}}"
        BindableOpacity="{Binding Opacity}"
        Mode="{Binding Mode}"
        MenuItemsSource="{Binding MenuItems}"
        ButtonsSource="{Binding Buttons}">
        <!--<bar:BindableApplicationBar.MenuItemTemplate>
            <DataTemplate>
                <bar:BindableApplicationBarMenuItem
                    Text="{Binding Text}"
                    Command="{Binding Command}"
                    CommandParameter="{Binding CommandParameter}"/>
            </DataTemplate>
        </bar:BindableApplicationBar.MenuItemTemplate>-->
        <bar:BindableApplicationBarButton
            Text="{Binding IconButtonText}"
            IconUri="{Binding IconUri, FallbackValue=/Icons/Dark/appbar.add.rest.png}"
            IsEnabled="{Binding ButtonIsEnabled}" />
        <bar:BindableApplicationBarButton
            Text="XAML Btn 2"
            IconUri="/Icons/Dark/appbar.next.rest.png"
            Command="{Binding TestCommand}"
            CommandParameter="{Binding TestCommandParameter}" />
        <bar:BindableApplicationBar.MenuItems>
            <bar:BindableApplicationBarMenuItem
                Text="{Binding MenuItemText}"
                IsEnabled="{Binding MenuItemIsEnabled}" />
            <bar:BindableApplicationBarMenuItem
                Text="XAML MnuIt 2"
                Command="{Binding TestCommand2}"
                CommandParameter="{Binding TestCommand2Parameter}" />
        </bar:BindableApplicationBar.MenuItems>
    </bar:BindableApplicationBar>
</bar:Bindable.ApplicationBar>

参考链接：

http://bindableapplicationb.codeplex.com/

http://www.developer.nokia.com/Community/Discussion/showthread.php?239044-%E5%88%86%E4%BA%AB-windows-phone%E4%B8%AD%E9%80%9A%E8%BF%87BindableApplicationBar%E4%B8%BA%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E6%A0%8F%E4%B8%AD%E7%9A%84Button-Menu%E6%B7%BB%E5%8A%A0%E7%BB%91%E5%AE%9A%E5%8A%9F%E8%83%BD