1 private void AppBarButtonClick(object sender, RoutedEventArgs e) {2   //获取相应的源对象3   if (e.OriginalSource == AppBarDoneButton4       && viewModel.SelectedItemIndex > -1) {5    //移去对象 viewModel.GroceryList.RemoveAt(viewModel.SelectedItemIndex);6     viewModel.SelectedItemIndex = -1;7   } else if (e.OriginalSource == AppBarZipButton) {8 //展示这个对象9     HomeZipFlyout.Show(this, this.BottomAppBar, (Button)e.OriginalSource);
10   }
11 }

 1 <UserControl
 2   x:Class="MetroGrocer.Flyouts.AddItemFlyout"
 3   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 4   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 5   xmlns:local="using:MetroGrocer.Flyouts"
 6   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 7   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 8   mc:Ignorable="d"
 9   d:DesignHeight="265"
10   d:DesignWidth="435">
11    <!--Popup  弹出的控件 StackPanel  布局控件 Grid 布局控件 4行2列-->
12   <Popup x:Name="AddItemPopup" IsLightDismissEnabled="True" Width="435" Height="265" >
13     <StackPanel Background="Black">
14       <Border Background="#85C54C" BorderThickness="4">
15         <Grid Margin="10">
16           <Grid.RowDefinitions>
17             <RowDefinition/>
18             <RowDefinition/>
19             <RowDefinition/>
20             <RowDefinition/>
21           </Grid.RowDefinitions>
22           <Grid.ColumnDefinitions>
23             <ColumnDefinition Width="Auto"/>
24             <ColumnDefinition Width="300"/>
25           </Grid.ColumnDefinitions>
26           <TextBlock Text="Name:" Style="{StaticResource AddItemText}" />
27           <TextBlock Text="Quantity:" Grid.Row="1"
28                 Style="{StaticResource AddItemText}" />
29           <TextBlock Text="Store:" Grid.Row="2"
30                 Style="{StaticResource AddItemText}" />
31 <TextBox x:Name="ItemName" Grid.Column="1"
32                Style="{StaticResource AddItemTextBox}" />
33           <TextBox x:Name="ItemQuantity" Grid.Row="1" Grid.Column="1"
34                Style="{StaticResource AddItemTextBox}" />
35           <ComboBox x:Name="ItemStore" Grid.Column="1" Grid.Row="2"
36                Style="{StaticResource AddItemStore}"
37                ItemsSource="{Binding StoreList}"
38                DisplayMemberPath="" />
39           <StackPanel Orientation="Horizontal" Grid.Row="3"
40                 HorizontalAlignment="Center"
41                 Grid.ColumnSpan="2">
42             <Button Click="AddButtonClick">Add Item</Button>
43           </StackPanel>
44         </Grid>
45       </Border>
46     </StackPanel>
47   </Popup>
48 </UserControl>

 1 using System;
 2 using MetroGrocer.Data;
 3 using Windows.UI.Xaml;
 4 using Windows.UI.Xaml.Controls;
 5 namespace MetroGrocer.Flyouts {
 6     //addItemFlyOut控件
 7   public sealed partial class AddItemFlyout : UserControl {
 8     //构造函数
 9     public AddItemFlyout() {
10       this.InitializeComponent();
11     }
12     //展示的方法
13     public void Show(Page page, AppBar appbar, Button button) {
14       //popup是否显示
15       AddItemPopup.IsOpen = true;
16       FlyoutHelper.ShowRelativeToAppBar(AddItemPopup, page, appbar, button);
17     }
18     //addButton的方法
19     private void AddButtonClick(object sender, RoutedEventArgs e) {
20 //获取数据的List添加Item  ((ViewModel)DataContext).GroceryList.Add(new GroceryItem {21         Name = ItemName.Text,
22         Quantity = Int32.Parse(ItemQuantity.Text),

Store = ItemStore.SelectedItem.ToString()
});
AddItemPopup.IsOpen = false;
}
}
}