Archive | August 3, 2011

Dynamischer SystemTray in Mango

Auf dem VBandi’s blog habe ich einen coolen Post gefunden wie man den SystemTray anpassen kann, im Post wird gezeigt was an neuen Propertys vorhanden ist und wie man Sie grafisch hip darstellen kann.

1: <phone:PhoneApplicationPage

2: x:Class=“SystemTrayDemo.MainPage“

3: xmlns=“http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8220;

4: xmlns:x=“http://schemas.microsoft.com/winfx/2006/xaml&#8220;

5: xmlns:phone=“clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone“

6: xmlns:shell=“clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone“

7: xmlns:d=“http://schemas.microsoft.com/expression/blend/2008&#8243;

8: xmlns:mc=“http://schemas.openxmlformats.org/markup-compatibility/2006&#8243;

9: mc:Ignorable=“d“ d:DesignWidth=“480″ d:DesignHeight=“768″

10: FontFamily=“{StaticResource PhoneFontFamilyNormal}“

11: FontSize=“{StaticResource PhoneFontSizeNormal}“

12: Foreground=“{StaticResource PhoneForegroundBrush}“

13: SupportedOrientations=“Portrait“ Orientation=“Portrait“

14: shell:SystemTray.IsVisible=“True“

15: shell:SystemTray.BackgroundColor=“LightGray“

16: shell:SystemTray.ForegroundColor=“Blue“>

17:  

18: <!–LayoutRoot is the root grid where all page content is placed–>

19: <Grid x:Name=“LayoutRoot“ Background=“Transparent“>

20: <Ellipse Fill=“Azure“ />

21:  

22:  

23: </Grid>

24:  

25:  

26: </phone:PhoneApplicationPage>

Durch diese Zeilen wird der SystemTray schon angezeigt:

image

image

shell:SystemTray.Opacity=“0.5″

Diese Zeile passt schon gleich in der 2 Abbildung den Style an und schon ist ein neuer Effekt vorhanden.
Aber richtig überrascht werdet Ihr sicher wenn ihr das Video schaut.

 

Quelle:

SurfCube on Mango Part 2– The SystemTray
Advertisements