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

About pocketmobile

Window Phone Developer

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: