8 Tage Windows Phone 8 | Tag #2: Live Tiles und Sperrbildschirm

Die­ser Arti­kel ist Tag #2 der Serie 8 Tage Win­dows Pho­ne 8 von Geert van der Cru­ij­sen.

Der Ori­gi­nal­ar­ti­kel befin­det sich hier: 8 days of Win­dows Pho­ne 8 — Day 2: Live Tiles & Lock Screen.

Will­kom­men zurück zu mei­ner Serie 8 Tage Win­dows Pho­ne 8. Heu­te, am zwei­ten Tag der Serie, tau­chen wir ein in die Mög­lich­kei­ten der Live Tiles und des Sperr­bild­schirms von Win­dows Pho­ne 8.

• Tag 0: Ein­lei­tung zu den 8 Tagen Win­dows Pho­ne 8
• Tag 1: Über­blick über das SDK
• Tag 2: Live Tiles und Sperr­bild­schirm
• Tag 3: Der Emu­la­tor & das Simu­la­ti­on Dash­board
• Tag 4: Die neu­en Bild­schirm­auf­lö­sun­gen
• Tag 5: .NET 4.5 & C# 5.0
• Tag 6: Die API zur Sprach­steue­rung
• Tag 7: NFC und Blue­tooth
• Tag 8: Brief­ta­sche und In-App Käu­fe

Live Tiles

Wenn Sie mit der Anwen­dungs­ent­wick­lung für Win­dows Pho­ne 7 ver­traut sind, ken­nen Sie Live Tiles bereits. Sie sind eins der her­aus­ra­gen­den Fea­tures von Win­dows Pho­ne. Mit Win­dows Pho­ne 8 bie­tet Micro­soft mehr Mög­lich­kei­ten, Live Tiles zu erstel­len und für die Nut­zer mehr Mög­lich­kei­ten, die­se an die per­sön­li­chen Bedürf­nis­se anzu­pas­sen.

Die größ­te Ände­rung ist, dass jeder Benut­zer die Kacheln nun auf drei unter­schied­li­che Grö­ßen ein­stel­len kann. Klein, mit­tel und breit. Wei­ter­hin gibt es 3 ver­schie­de­ne Vor­la­gen, um Live Tiles zu erstel­len. Die Vor­la­gen stel­len die Infor­ma­tio­nen auf einem Live Tile in unter­schied­li­cher Wei­se dar: der Flip Tem­pla­te, der Cycle Tem­pla­te und der Ico­nic Tem­pla­te.

Die ver­wen­de­ten Grö­ßen für die­se Tem­pla­tes sind:

	Flip	Cycle	Ico­nic
Klein	159 * 159px	159 * 159px	110 * 110px
Mit­tel	336 * 336px	336 * 336px	202 * 202px
Breit	691 * 336px	691 * 336px	-

Man könn­te mei­nen, dass es veschie­de­ne Grö­ßen für die Bil­der geben müss­te wegen der unter­schied­li­chen Auf­lö­sun­gen in Win­dows Pho­ne 8. Das ist aller­dings nicht der Fall. Das Betriebs­sys­tem ska­liert die Bil­der ent­spre­chend, Sie müs­sen die­se also nur in einer Grö­ße bereit­stel­len.

FLIP TEMPLATE

In Win­dows Pho­ne 7 war es mög­lich, Kacheln zu erstel­len und gewis­se Eigen­schaf­ten, wie Titel, Zäh­ler, Bild und Text auf der Rück­sei­te, anzu­ge­ben. Das ist auch in Win­dows Pho­ne 8 wei­ter­hin mög­lich, aller­dings hat Micro­soft 2 neue Vor­la­gen für Live Tiles hin­zu­ge­fügt. Die aus Win­dows Pho­ne 7 bekann­te Vor­la­ge heißt jetzt Flip Tem­pla­te, da sie Daten auf der Rück­sei­te der Kachel anzeigt und in unre­gel­mä­ßi­gen Abstän­den zwi­schen der Vor­der- und der Rück­sei­te hin- und her­wech­selt. Die bei­den neu­en Tem­pla­tes hei­ßen Ico­nic Tem­pla­te und Cycle Tem­pla­te.

Begin­nen wir mit etwas Code. Am Ende die­ses Arti­kels kön­nen Sie den Bei­spiel­code zur Erstel­lung der ver­schie­de­nen Arten von Kacheln in einem Pro­jekt her­un­ter­la­den. Fan­gen wir mit dem Flip Tile an.

Wir star­ten mit einem neu­en Pro­jekt und fügen einen But­ton hin­zu, um den Flip Tem­pla­te zu erstel­len. Wir fügen einen Click Event Hand­ler hin­zu und schrei­ben der Ein­fach­heit hal­ber unse­ren Code zur Erstel­lung des Live Tile gleich dort hin­ein.

private void FlipButton_Click(object sender, RoutedEventArgs e)
{
   ShellTile tile = ShellTile.ActiveTiles.FirstOrDefault();

   FlipTileData fliptile = new FlipTileData();
   fliptile.Title = "WP8";
   fliptile.Count = 9;
   fliptile.BackTitle = "day 2";
   fliptile.BackContent = "back medium";
   fliptile.WideBackContent = "back of the wide tile";

   fliptile.SmallBackgroundImage = new Uri("Assets/159.png",UriKind.Relative);
   fliptile.BackgroundImage = new Uri("Assets/336.png", UriKind.Relative);
   fliptile.WideBackgroundImage = new Uri("Assets/wide.png", UriKind.Relative);

   tile.Update(fliptile);
}

Als ers­tes holen wir uns die aktu­ell akti­ve Kachel, indem wir die Shell­Ti­le Klas­se fra­gen. Als nächs­tes erstel­len wir ein neu­es Flip­Ti­le­Da­ta Objekt. Auf die­sem kön­nen wir die Eigen­schaf­ten der neu­en Kachel set­zen. Wir set­zen den Titel, den Zäh­ler und eini­ge wei­te­re Eigen­schaf­ten. Eini­ge wer­den nur für die klei­ne Kachel, eini­ge nur für die mitt­le­re und brei­te Grö­ße ver­wen­det und eini­ge, wie der Zäh­ler, in allen drei Grö­ßen. Für geben 3 unter­schied­li­che Anwen­dungs­sym­bo­le an für die 3 ver­schie­de­nen Grö­ßen. Nach­dem wir alle Eigen­schaf­ten der Kachel gesetzt haben, kön­nen wir die Update Metho­de auf unse­rem Tile auf­ru­fen und das neue Flip­Ti­le­Da­ta über­ge­ben, um die neue Kachel zu set­zen.

Beim Flip Tile kön­nen Sie die fol­gen­den Eigen­schaf­ten set­zen:

Tit­le	Der Titel wird unten links auf der Vor­der­sei­te der Kachel ange­zeigt. Er gilt für die mitt­le­re und die brei­te Grö­ße.
Count	Der Zäh­ler ist die Zahl in dem klei­nen schwar­zen Kreis rechts oben auf der Kachel. Der Zäh­ler wird bei allen Grö­ßen ange­zeigt.
Back­groundI­mage	Das Hin­ter­grund­bild ist das Bild, wel­ches auf der Vor­der­sei­te der mitt­le­ren Grö­ße ange­zeigt wird.
Back­Back­groundI­mage	Mit die­ser Eigen­schaft kön­nen Sie das Bild auf der Rück­sei­te der mitt­le­ren Kachel­grö­ße set­zen.
Back­Con­tent	Back­Con­tent ist der Text auf der Rück­sei­te der Kachel bei mitt­le­rer Grö­ße.
Back­Tit­le	Der Titel, wel­cher unten links auf der Rück­sei­te der Kachel bei mitt­le­rer und brei­ter Grö­ße ange­zeigt wird.
Small­Back­groundI­mage	Das Bild auf der Vor­der­sei­te bei klei­ner Grö­ße.
Wide­Back­groundI­mage	Das Bild auf der Vor­der­sei­te bei brei­ter Grö­ße.
Wide­Back­Back­groundI­mage	Das Bild auf der Rück­sei­te der Kachel bei brei­ter Grö­ße.
Wide­Back­Con­tent	Der Text, wel­cher auf der Rück­sei­te der brei­ten Kachel oben links ange­zeigt wird.

Das Ergeb­nis wird in etwa so aus­se­hen:

Klein (die Kachel wird sich bei die­ser Grö­ße nicht umdre­hen):

Mit­tel:

Breit:

Wie Sie sehen, gibt es gegen­über der Erstel­lung von Live Tiles in Win­dows Pho­ne 7 kaum Ände­run­gen. Neu sind ledig­lich die klei­ne und die brei­te Grö­ße der Kachel.

ICONIC TEMPLATE

Der Ico­nic Tem­pla­te ist eine neue Vor­la­ge in Win­dows Pho­ne 8 und ich den­ke, dass es sich um eine wirk­lich gute Erwei­te­rung des SDK han­delt. Vie­le Apps ver­wen­den Kacheln mit wei­ßem Vor­der­grund und einem trans­pa­ren­ten Hin­ter­grund, so dass sie wie nati­ve Win­dows Pho­ne Apps aus­se­hen. Vie­le Ent­wick­ler haben jedoch Pro­ble­me, die Grö­ße des Sym­bols rich­tig zu wäh­len und der Zäh­ler im schwar­zen Kreis sieht nicht so gut aus wie bei den ein­ge­bau­ten Apps, etwa der Mail oder Nach­rich­ten App. Um die­se Sze­na­ri­en ein­fa­cher für Ent­wick­ler zu machen, hat Micro­soft den Ico­nic Tem­pla­te ein­ge­führt. Die­ser funk­tio­niert fast wie der Flip Tile, nur dass wir anstatt des Flip­Ti­le­Da­ta Objekts ein Ico­nic­Tile­Da­ta Objekt ver­wen­den. Ich den­ke, die Ico­nic Tiles wer­den in Win­dows Pho­ne 8 sehr oft vewen­det wer­den.

private void IconicButton_Click(object sender, RoutedEventArgs e)
{
   ShellTile tile = ShellTile.ActiveTiles.FirstOrDefault();

   IconicTileData icontile = new IconicTileData();
   icontile.Title = "WP8";
   icontile.Count = 12;
   icontile.IconImage = new Uri("Assets/202.png", UriKind.Relative);
   icontile.SmallIconImage = new Uri("Assets/110.png", UriKind.Relative);

   icontile.WideContent1 = "8 days of windows phone 8";
   icontile.WideContent2 = "day 2";
   icontile.WideContent3 = "Live tiles and lock screen";

   ShellTile.Create(new Uri("/MainPage.xaml",UriKind.Relative), icontile, true);
}

Wie Sie sehen, funk­tio­niert die Erstel­lung genau wie bei der ers­ten Kachel mit der Aus­nah­me, dass wir jetzt Ico­nic­Tile­Da­ta ver­wen­den.

Die Eigen­schaf­ten von Ico­nic­Tile­Da­ta sind natür­lich ande­re. Ein wesent­li­cher Aspekt sind die Bil­der, die Sie für den Ico­nic Tile ange­ben. Die­se haben im Gegen­satz zu den ande­ren Vor­la­gen eine ande­re Grö­ße, da sie nur einen Teil der Kachel aus­fül­len. In der aktu­el­len Beta­ver­si­on des SDK, mit wel­cher ich die fol­gen­den Screen­shots für die­sen Arti­kel erstellt habe, schei­nen die Bil­der noch nicht recht zu funk­tio­nie­ren. Ich ver­mu­te, dass das mit der end­gül­ti­gen Ver­si­on des SDK beho­ben sein wird.

Ein wei­te­rer Unter­schied ist die letz­te Zei­le zur Erstel­lung des Live Tile. Da die Haupt­ka­chel stan­dard­mä­ßig mit dem Flip Tile Tem­pla­te erstellt ist und man nicht eine exis­tie­ren­de Kachel mit einem ande­ren Tem­pla­te aktua­li­sie­ren kann, erstel­len wir für den Ico­nic Tile eine neue Kachel.

Klein (es scheint einen Bug in der Beta­ver­si­on des 8.0 SDK zu geben, durch den der Zäh­ler vom Rand der Kachel gescho­ben wird. Ich weiß nicht, ob das nur im Emu­la­tor oder auch auf ech­ten Gerä­ten pas­siert. Ich habe es nicht auf einem ech­ten Gerät tes­ten kön­nen, da ich noch keins besit­ze):

Mit­tel:

Breit (auch hier scheint die Dar­stel­lung etwas dane­ben. Unter­halb des Sym­bols soll­te es eigent­lich einen klei­nen Abstand bis zum Rand der Kachel geben):

In der brei­ten Grö­ße kön­nen drei Zei­len Text ange­ge­ben wer­den, die oben links auf der Kachel ange­zeigt wer­den. Damit ist die­se Vor­la­ge sehr viel­sei­tig und wird bestimmt sehr oft ver­wen­det wer­den. Eine kom­plet­te Lis­te der Eigen­schaf­ten von Icon­Ti­le­Da­ta ist:

Tit­le	Der Titel, wel­cher unten links auf der mitt­le­ren und brei­ten Grö­ße der Kachel ange­zeigt wird.
Count	Der Zäh­ler, wel­cher bei allen Grö­ßen rechts neben dem Sym­bol ange­zeigt wird.
Back­ground­Co­lor	Die Hin­ter­grund­far­be der Kachel. Wenn die­se nicht ange­ge­ben wird, wird die Akzent­far­be des Tele­fons ver­wen­det.
IconI­mage	Das Sym­bol, wel­ches bei der mitt­le­ren Grö­ße ver­wen­det wird.
Smal­lI­conI­mage	Das Sym­bol, wel­ches bei der klei­nen und der brei­ten Grö­ße (rechts unten) ver­wen­det wird.
WideContent1	Die ers­te Zei­le des Tex­tes bei der brei­ten Grö­ße in einer etwas grö­ße­ren Schrift­art.
WideContent2	Die zwei­te Zei­le des Tex­tes auf der brei­ten Grö­ße der Kachel.
WideContent2	Die drit­te Zei­le auf der brei­ten Grö­ße der Kachel.

CYCLE TEMPLATE

Der Ico­nic Tem­pla­te bringt vie­le neue Mög­lich­kei­ten für Live Tiles. Um einen ähn­li­chen Effekt unter Win­dows Pho­ne 7 zu erzie­len, muss­ten Ent­wick­ler ziem­lich trick­sen. Ein wei­te­res Bei­spiel für Kacheln, wel­che Ent­wick­ler ger­ne erstellt hät­ten, ist die Kachel der Fotos Anwen­dung, bei wel­cher eine Men­ge von Bil­dern auf der Kachel durchro­tie­ren. Bei Win­dows Pho­ne 7 gab es kei­ne Mög­lich­keit, die­ses Ver­hal­ten nach­zu­bau­en. Mit Win­dows Pho­ne 8 gibt es die­se Mög­lich­keit in Form es Cycle Tem­pla­te.

Die Erstel­lung eines Cycle Tile erfolgt auf die sel­be Wei­se wie bei den ande­ren bei­den Typen. Fan­gen wir also an, etwas Code für den drit­ten But­ton in unse­rer Bei­spiel­an­wen­dung hin­zu­zu­fü­gen.

private void CycleButton_Click(object sender, RoutedEventArgs e)
{
   CycleTileData cycleicon = new CycleTileData();
   cycleicon.Title = "WP8";
   cycleicon.Count = 5;

   cycleicon.SmallBackgroundImage = new Uri("Assets/159.png", UriKind.Relative);

   List<Uri> images = new List<Uri>();
   images.Add(new Uri("Assets/cycle1.png", UriKind.Relative));
   images.Add(new Uri("Assets/cycle2.png", UriKind.Relative));
   images.Add(new Uri("Assets/cycle3.png", UriKind.Relative));
   cycleicon.CycleImages = images;

   ShellTile.Create(new Uri("/MainPage.xaml?id=cycle", UriKind.Relative), cycleicon, true);
}

Der Cycle Tile ver­wen­det das Cycle­Ti­le­Da­ta Objekt, um das Aus­se­hen fest­zu­le­gen. Im Ver­gleich zu den ande­ren bei­den Vor­la­gen hat die­se Klas­se weni­ger Eigen­schaf­ten. Der Titel und der Zäh­ler sind wie bei den ande­ren bei­den Vor­la­gen vor­han­den. Die beson­de­re Eigen­schaft an die­ser Vor­la­ge ist CycleImages. Die­se ist vom Typ IEnu­me­ra­ble von Uri’s (wel­che auf Bil­der in einer ein­heit­li­chen Grö­ße zei­gen). Die­se Bil­der wer­den bei der mitt­le­ren und der brei­ten Grö­ße der Kachel ange­zeigt. Wenn die Bil­der grö­ßer als die Kachel sind, wer­den die­se auf der Kachel zen­triert, womit nur ein Teil des Bil­des ange­zeigt wird. Wenn die Kachel auf die klei­ne Grö­ße gesetzt ist, wird nur ein klei­nes, sta­ti­sches Bild ange­zeigt, wel­ches mit der Eigen­schaft Small­Back­groundI­mage gesetzt wer­den kann.

Klein:

Mit­tel:

Breit:

Das IEnu­me­ra­ble von Bil­dern, wel­ches bei der mitt­le­ren und der brei­ten Grö­ße ver­wen­det wird, kann bis zu 9 Bil­der beinhal­ten. Die­se wer­den durch eine wei­che Ani­ma­ti­on durchro­tiert. Die voll­stän­di­ge Lis­te der Eigen­schaf­ten von Cycle­Ti­le­Da­ta ist:

Tit­le	Der Titel, wel­cher bei der mitt­le­ren und der brei­ten Grö­ße unten links ange­zeigt wird.
Count	Der Zäh­ler, wel­cher bei allen Grö­ßen rechts oben ange­zeigt wird.
Small­Back­groundI­mage	Das Bild, wel­ches bei der klei­nen Grö­ße ange­zeigt wird.
CycleImages	Die Lis­te der bis zu 9 Bil­der, wel­che bei der mitt­le­ren und der brei­ten Grö­ße durchro­tiert wer­den.

Mit den Live Tile Fea­tures, wel­che Micro­soft bei Win­dows Pho­ne 8 hin­zu­ge­fügt hat, eröff­nen sich eini­ge hüb­sche Mög­lich­kei­ten, die Anwen­dungs­ka­cheln zu gestal­ten. Ich kann es kaum erwar­ten, bis Ent­wick­ler die­se Funk­tio­nen in ihren Apps ver­wen­den.

Sperrbildschirm

Neu in Win­dows Pho­ne 8 ist die Mög­lich­keit, eige­ne Apps auf dem Sperr­bild­schirm anzu­zei­gen. Als Ent­wick­ler kön­nen Sie nicht erzwin­gen, dass Ihre App auf dem Sperr­bild­schirm ange­zeigt wird. Sie kön­nen Ihre App aber wenigs­tens dazu befä­hi­gen, so dass der Benut­zer wäh­len kann, ob er Ihre App auf dem Sperr­bild­schirm sehen möch­te. Wei­ter­hin kön­nen Sie aus einer App her­aus das Hin­ter­grund­bild des Sperr­bild­schirms ver­än­dern.

SPERRBILDSCHIRM APP SYMBOL, ZÄHLER UND TEXT

Das Sym­bol Ihrer App für den Sperr­bild­schirm ist ein spe­zi­el­les Bild, wel­ches Sie Ihrem Pro­jekt hin­zu­fü­gen müs­sen. Die­ses muss einen trans­pa­ren­ten Hin­ter­grund und wei­ßen Vor­der­grund haben.

Um das Sperr­bild­schirm Sym­bol zu set­zen, fügen Sie ein Bild mit 30 x 30 Pixel zu Ihrer Solu­ti­on hin­zu und öff­nen Sie die WMAppManifest.xml. Ändern Sie dort das Device­Lo­ckI­ma­geU­RI Ele­ment auf die URI Ihres Sperr­bild­schirm Sym­bols. Set­zen Sie wei­ter­hin das IsRe­la­ti­ve Attri­but auf true und das IsRe­sour­ce Attri­but auf fal­se. Der Zäh­ler und der Text wer­den von den Eigen­schaf­ten der Haupt­ka­chel der App über­nom­men.

<DeviceLockImageURI IsRelative="true" IsResource="false">Assets\LockImage.png</DeviceLockImageURI>

Um das Sperr­bild­schirm Sym­bol und den Text zu akti­vie­ren, müs­sen Sie die fol­gen­den Zei­len im WPAppManifest.xml unter­halb des Tokens Ele­ments hin­zu­fü­gen.

<Extensions>
   <Extension ExtensionName="LockScreen_Notification_IconCount" ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}" TaskID="_default" />
   <Extension ExtensionName="LockScreen_Notification_TextField" ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}" TaskID="_default" />
</Extensions>

Die Ein­stel­lun­gen zur Anzei­ge von Daten auf dem Sperr­bild­schirm sind nun voll­stän­dig. Wir kön­nen nun die Tele­fon­ein­stel­lun­gen ändern, um unse­re App auf dem Sperr­bild­schirm anzu­zei­gen. Um dies zu tun, öff­nen Sie die Ein­stel­lun­gen und gehen zu den Ein­stel­lun­gen des Sperr­bild­schirms. Auf die­ser Sei­te kön­nen Sie eine App wäh­len, wel­che Text auf dem Sperr­bild­schirm anzeigt (stan­dard­mä­ßig ist das die Kalen­der App) und 5 Apps, wel­che das Sym­bol und den Zäh­ler anzei­gen kön­nen. Wäh­len Sie Ihre App und Sie sind fer­tig.

Wie Sie sehen, wird der Zäh­ler der Haupt­ka­chel ver­wen­det (des Flip Tile Bei­spiels). Auch der Text ist der sel­be, den wir in der Back­Con­tent Eigen­schaft von Flip­Ti­le­Da­ta der Haupt­ka­chel gesetzt haben.

HINTERGRUNDBILD DES SPERRBILDSCHIRMS

Als letz­tes möch­te ich Ihnen zei­gen, wie man das Hin­ter­grund­bild des Sperr­bild­schirms aus einer App her­aus setzt. Wie schon beim Sym­bol für den Sperr­bild­schirm müs­sen Sie eine Erwei­te­rung im WMAppManifest.xml hin­zu­fü­gen, um die­se Funk­tio­na­li­tät zu akti­vie­ren.

<Extensions>
   <Extension ExtensionName="LockScreen_Background" ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}" TaskID="_default" />
</Extensions>

Nach­dem Sie die Ein­stel­lung im Mani­fest ange­passt haben, ist es Zeit, eini­gen Code zu schrei­ben, wel­cher das Hin­ter­grund­bild des Sperr­bild­schirms ver­än­dert. Zunächst müs­sen Sie prü­fen, ob es Ihrer App zur Zeit erlaubt ist, das Hin­ter­grund­bild zu ver­än­dern. Wenn das nicht der Fall ist, müs­sen Sie den Benut­zer fra­gen, ob Ihre App das Hin­ter­grund­bild ver­än­dern darf.

Ich habe ein Bild mit den Abmes­sun­gen 768 x 1280 Pixel (zur Zeit die höchs­te Auf­lö­sung) hin­zu­ge­fügt, das Bild als ein­ge­bet­te­te Res­sour­ce gesetzt und den fol­gen­den Code zum Click Event des vier­ten But­tons im Bei­spiel­pro­jekt hin­zu­ge­fügt. Damit ändern wir das Hin­ter­grund­bild des Sperr­bild­schirms, wenn wir auf die­sen But­ton drü­cken.

private void LockBackgroundButton_Click(object sender, RoutedEventArgs e)
{
   SetLockScreenImage();
}

private async void SetLockScreenImage()
{
   //check if current app provided the lock screen image
   if (!Windows.Phone.System.UserProfile.LockScreenManager.IsProvidedByCurrentApplication)
   {
      //current image not set by current app ask permission
      var permission = await Windows.Phone.System.UserProfile.LockScreenManager.RequestAccessAsync();

      if (permission == Windows.Phone.System.UserProfile.LockScreenRequestResult.Denied)
      {
         //no permission granted so return without setting the lock screen image
         return;
      }
   }

   Windows.Phone.System.UserProfile.LockScreen.SetImageUri(new Uri("ms-appx:///Assets/lockscreen.png", UriKind.Absolute));
}

Wie Sie sehen, ver­wen­det die Metho­de Set­Lock­Scree­n­Image das asnyc Schlüs­sel­wort, da die Fra­ge an den Benut­zer um Erlaub­nis nur durch einen asyn­chro­nen Auf­ruf erfol­gen kann. Wir ver­wen­den des­halb das await Schlüs­sel­wort bei der Fra­ge um Erlaub­nis, um die Ent­schei­dung des Benut­zers abzu­war­ten.

Wenn wir die App jetzt star­ten und den But­ton drü­cken, sehen wir, wie das alte Bild des Sperr­bild­schirms durch das neue Bild ersetzt wird.

Nach­dem man bestä­tigt hat:

Das war’s für Tag 2 mei­ner Serie „8 Tage Win­dows Pho­ne 8“. Mor­gen wer­den wir einen Blick auf den Emu­la­tor und das Simu­la­ti­on Dash­board wer­fen. Die­se bie­ten Ihnen vie­le Mög­lich­kei­ten, Ihre Apps zu tes­ten.

Laden Sie das Bei­spiel­pro­jekt hier her­un­ter: http://sdrv.ms/QSJ2yx.