首页 > 代码库 > WinRt BottomAppBar

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>