WP7 - show hide application bar

Question

In many of the Windows Phone 7 apps, the application bar is hidden by default and when you press and hold down on the screen, the application bar is made visible. As many of the WP7 apps have this behavior, I was wondering, if there was in-built support for this kind of behavior with the ApplicationBar and how do I go about using it?

Answer 1

You can use the GestureService in the toolkit to detect the Hold event.

For example.
If you had this xaml on a page:

<TextBlock TextWrapping="Wrap" Text="lorem ipsum ...">
    <toolkit:GestureService.GestureListener>
        <toolkit:GestureListener Hold="TapAndHold" />
    </toolkit:GestureService.GestureListener>
</TextBlock>

and the following for the event handler:

private void TapAndHold(object sender, GestureEventArgs e)
{
    this.ApplicationBar.IsVisible = !this.ApplicationBar.IsVisible;
}

then holding down any where on the textblock would toggle the display of the ApplicationBar.

If you wanted the toggling if the user tapped and held anywhere on the page then you could attach the gesture listener to the root object of the page. eg

<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <toolkit:GestureService.GestureListener>
        <toolkit:GestureListener Hold="TapAndHold" />
    </toolkit:GestureService.GestureListener>

Answer 2

Use the ApplicationBar property of the current page and toggle the IsVisible property accordingly to show/hide the ApplicationBar. The ApplicationBar is handled by the operating system, so the animation for showing and hiding it will be handled for you.