Mobile Zone is brought to you in partnership with:

Kunal Chowdhury is a Microsoft MVP (Most Valuable Professional) in Silverlight Technology, Telerik MVP and Insiders, a Codeproject Mentor, DZone's MVB (Most Valuable Blogger), Speaker in various Microsoft events, Author, passionate Blogger and a Software Engineer by profession. He shares his technical findings in his Blog: http://www.kunal-chowdhury.com His other website: http://www.silverlight-zone.com He is also available in Twitter: http://www.twitter.com/kunal2383 Kunal is a DZone MVB and is not an employee of DZone and has posted 16 posts at DZone. You can read more from them at their website. View Full User Profile

Know About WP7 System Tray - Tips to Show or Hide it

10.03.2011
| 3212 views |
  • submit to reddit

In Windows Phone 7, the System Tray is the small bar across the top of the screen in Portrait mode. It displays the Signal strength, Current time and Wi-Fi connection strength.

 

In this post, we will learn more about Windows Phone 7 System Tray. It is easy to write code to show or hide the tray. We will use a small demo to demonstrate it.

 

System Tray

System Tray is the small tiny bar across the top of the Phone screen. It displays in Portrait mode. When your application is set in Portrait mode, the height of the System Tray becomes 32 pixel and when the application is set in Landscape mode, the width of the System Tray becomes 72 pixel. This is as per the UI Design Guidelines and Interaction Guideline of Windows Phone 7.

 

It is not good way to hide the System Tray as it displays various important information to the user. But in some case, you may want to hide the System Tray.

 

Demonstration of Show/Hide

To start with the code, let us design our page with a CheckBox inside it. This will fire the event to show or hide the System Tray. We will add a CheckBox in the page to show or hide the System Tray. Here is the XAML code for your reference:

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" VerticalAlignment="Top">

    <CheckBox Content="Show System Tray" Checked="ShowSystemTray" Unchecked="HideSystemTray"/>

</Grid>

 

Here is the code implementation:

 

private void ShowSystemTray(object sender, RoutedEventArgs e)

{

    SystemTray.IsVisible = true;

}

 

private void HideSystemTray(object sender, RoutedEventArgs e)

{

    SystemTray.IsVisible = false;

}

When the “Show System Tray” is checked, you will see the System Tray bar at the top of the screen as shown in the first figure below:

 

Show System Tray                      Hide System Tray

 

Uncheck the “Show System Tray”. This will hide the System Tray bar from the screen. Hope, this tip was helpful for you to understand it clearly.

References
Published at DZone with permission of Kunal Chowdhury, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)