WinRt BottomAppBar

BottomAppBarDemo.xaml

 1  <Page.BottomAppBar>

 2         <AppBar>

 3             <StackPanel Orientation="Horizontal">

 4                 <StackPanel Tapped="Button_Tapped_1" Height="80" Margin="900,10,0,0" HorizontalAlignment="Left">

 5                     <Image x:Name="img_dl"  Height="50" Width="50" Margin="0,0,0,0" Source="/images/login.png">

 6                     </Image>

 7                     <TextBlock x:Name="btn_dl" Text="登陆" FontSize="20" Margin="0,0,0,0" Height="27" TextAlignment="Center" Width="100"/>

 8                 </StackPanel>

 9                 <StackPanel Tapped="StackPanel_Tapped_9"  Height="80" Margin="10,10,0,0" >

10                     <Image x:Name="img_d2"  Height="50" Width="50" Margin="0,0,0,0" Source="/images/头像2_03.png">

11                     </Image>

12                     <TextBlock x:Name="btn_d2" Text="个人信息" FontSize="20" Margin="0,0,0,0" Height="27" TextAlignment="Center" Width="100"/>

13                 </StackPanel>

14                 <StackPanel Tapped="StackPanel_Tapped_11" Height="80" Margin="10,10,0,0" >

15                     <Image x:Name="img_cc"  Height="50" Width="50" Margin="0,0,0,0" Source="/images/shoucang.png">

16                     </Image>

17                     <TextBlock x:Name="btn_cc" Text="收藏服务" FontSize="20" Margin="0,0,0,0" Height="27" TextAlignment="Center" Width="100"/>

18                 </StackPanel>

19                 <StackPanel Tapped="StackPanel_Tapped_10"  Height="80" Margin="10,10,0,0" >

20                     <Image x:Name="img_tj"  Height="50" Width="50" Margin="0,0,0,0" Source="/images/tuijianfuwu.png">

21                     </Image>

22                     <TextBlock x:Name="btn_tj" Text="推荐服务" FontSize="20" Margin="0,0,0,0" Height="27" TextAlignment="Center" Width="100"/>

23                 </StackPanel>

24             </StackPanel>

25         </AppBar>

26     </Page.BottomAppBar>