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>