I have worked vigorously on my Windows 8 App, MyTube and needed to put in an AppBar as an extra feature and to take advantage of the new capabilities. I was thinking of an easy and simple but smart way to have the AppBar automatically stay open UNTIL the user moves his/her Mouse (Pointer) over to the Grid as I want my Binded Grid Items to be more of a focus as the AppBar acts as a second navigation in my App designed in C#.
XAML Code:
<Grid PointerEntered=”Grid_PointerEntered” PointerExited=”Grid_PointerExited”>
<Page.BottomAppBar>
<AppBar Name=”AppBar” IsOpen=”True” Padding=”10,0,10,0″ IsSticky=”True”>
<StackPanel Orientation=”Horizontal” HorizontalAlignment=”Left”>
<Button x:Name=”btnTest” Content=”Test Button” Width=”124″ Height=”50″ />
StackPanel><!– // You can put buttons/content on the right side of the AppBar.
<StackPanel Orientation=”Horizontal” HorizontalAlignment=”Right”>
// Place Buttons here…
</StackPanel> –></AppBar>
</Page.BottomAppBar></Grid>
XAML.CS Code:
private void Grid_PointerEntered(object sender, PointerRoutedEventArgs e)
{
AppBar.IsOpen = false; // Hide tabs}
private void Grid_PointerExited(object sender, PointerRoutedEventArgs e)
{
AppBar.IsOpen = true; // Show tabs
}
I hope this code is of some use to you and for me as it was simple maybe others didn’t think to try that method of being able to “Animate” the AppBar based on the user’s interaction with the App.
