• Twitter
09
October
Comments

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.

Sponsored by


My Windows Phone 7/8 App's

waitlist (Free) for WP8 Health Center (Free) for WP8 Speechy (Free) for WP7 TWiT (Free) for WP7 Space Weight (Free) for WP7 I.T. Guy (Free) for WP7 Job Discovery (Free) for WP7 Spelling Bee (Free) for WP7 Coin Toss Up (Free) for WP7 BIG Dialer (Free) for WP7



MY Windows 8 App's

MyTube (Free) for Windows 8/RT

  • Member of The Internet Defense League