PC Magazin mit Film DVD Endlich volle SSD - Power (Vorschau)

108
IT PROFESSIONAL
MOBILE PROGRAMMIERUNG
Nach obiger Definition besitzt die Seite zwei
Zeilen, von denen die erste den Platz einnimmt,
den ihr Inhalt beansprucht (Wert
Auto) und für die zweite der restliche Platz zur
Verfügung steht (Wert *). Der Wert für das Attribut
Grid.Row bestimmt für ein Element, in
welcher Zeile des übergeordneten Grids es
angeordnet werden soll – der Wert 0 steht für
die erste Zeile. Blenden Sie gegebenenfalls
am linken Fensterrand die Toolbox ein. Dort
finden Sie alle Steuerelemente, die für Windows-Phone-Projekte
zur Verfügung stehen.
Um nun auf der Seite einen Text anzuzeigen,
ziehen Sie ein TextBlock-Steuerelement auf
die Design-Oberfläche. Visual Studio fügt daraufhin
dem XAML-Code im unteren Grid ein
-Tag hinzu.
Sie haben jetzt die Wahl, wo Sie die Eigenschaften
des TextBlocks anpassen: im Eigenschaftenfenster,
direkt im XAML-Code oder für
gröbere Anpassungen zunächst im Designer.
Ändern Sie zunächst die Text-Eigenschaft
zu Ein erster Test, entweder, indem Sie im
-Tag für das entsprechende Attribut
Text=“Ein erster Test“ notieren oder Sie
schreiben den String im Eigenschaftenfenster
in die Spalte neben Text. Bringen Sie anschließend
den TextBlock auf eine passende Größe,
indem Sie ihn im Designer an den Rändern
auseinanderziehen. Die Eigenschaften Width,
Height und Margin passen sich im XAML-Code
automatisch an. Schriftgröße und Schriftstil
ändern Sie am einfachsten im Eigenschaftenfenster.
In der Kategorie-Ansicht erweitern Sie
dazu den Abschnitt Text.
Test im Emulator
Wenn Sie fertig sind, drücken Sie F5, um die
Applikation zu starten. Es erscheint der Windows
Phone Emulator. Ihre App sehen Sie
Mit ein wenig Übung
und Kenntnis der Entwicklungsumgebungen
findet sich vielleicht
auch Ihre App bald
im Marketplace von
Windows Phone.
Windows Phone
Emulator:
Videos lassen
sich dank des
Steuerelements
MediaElement
im Handumdrehen
einfügen
und abspielen.
nach wenigen Sekunden auf dem visuellen
Smartphone. Im Übrigen können Sie sich auf
dem Emulator wie auf einem richtigen Mobiltelefon
frei bewegen. Mit der Windows-Taste
gelangen Sie zur Startseite und um eine App
an dieser dauerhaft anzuheften, klicken Sie
diese in der Programmliste an, halten dabei
die Maustaste gedrückt und wählen im erscheinenden
Menü die Option Auf Startseite.
Sofern Ihr Computer mit dem Internet verbunden
ist, können Sie auf dem Emulator auch im
Internet surfen. Um eine Anwendung – und
damit auch den Emulator – zu beenden, klicken
Sie ganz oben in der kleinen Symbolleiste.
Diese erscheint neben dem Smartphone,
wenn Sie die Maus über die entsprechende
Stelle auf das Kreuz-Symbol bewegen. Alternativ
wählen Sie in Visual Studio Debuggen/
Debugging beenden.
Wenn Sie im Designer den TextBlock wieder
löschen, verschwindet das -Tag
auch sofort aus dem XAML-Code. Analog verhält
es sich, wenn Sie dort die entsprechende
Zeile löschen. Die Dateien der resultierenden
App sind übrigens in einem XAP-Archiv verpackt.
Windows-Phone-Applikationen werden
so auf den Emulator übertragen und auch
auf dem Marketplace ausschließlich in dieser
Form angeboten. XAP-Archive können Sie mit
jedem ZIP-Programm öffnen oder sich den
Inhalt im Windows-Explorer direkt ansehen,
wenn Sie die Endung .zip anhängen
Videos abspielen mit MediaElement
Besonders einfach zu handhaben und effektiv
ist das MediaElement. Es gibt Medieninhalte
wieder. Eine Übersicht der unterstützten
Formate finden Sie unter msdn.microsoft.
com/en-us/library/cc189080(v=vs.95).aspx.
Ein kleines Beispiel: Ziehen Sie ein MediaElement
aus der Toolbox auf die Design-Oberfläche
und passen Sie es in der Größe an.
Fügen Sie das Video, das Sie verwenden wollen,
Ihrem Projekt hinzu (auf der Heft-DVD
finden Sie das Beispielprojekt WindowsPhoneApp
mit der Videodatei testvideo.wmv).
Legen Sie die Videodatei am besten in das
Ausgabeverzeichnis (Bin\Debug) und wählen
Sie anschließend den Befehl Projekt/
Vorhandenes Element hinzufügen. Setzen Sie
im Eigenschaftenfenster den Buildvorgang
für die Videodatei auf Resource. Fügen Sie im
XAML-Code dem MediaElement-Tag das Attribut
Source mit Angabe der Videodatei hinzu,
z.B. Source=“testvideo.wmv“. Wenn das Video
nicht im Ausgabeverzeichnis liegt, müssen
Sie den Pfad mit angeben. Platzieren Sie
oberhalb des MediaElement-Steuerelements
ein Button-Steuerelement. Weisen Sie der
Content-Eigenschaft des Buttons den String
„Anhalten“ zu. Passen Sie das Steuerelement
in der Größe an, sodass es genügend Platz
für die etwas längere Zeichenfolge Fortsetzen
bietet. Klicken Sie nun das Button-Steuerelement
doppelt an, um die zugehörige Click-
Ereignismethode zu generieren. Sie befinden
sich jetzt in der Code-Datei MainPage.xaml.
cs. In der XAML-Datei (MainPage.xaml) wurde
das -Tag automatisch um das Attribut
Click=“button1_Click“ ergänzt:
Schreiben Sie folgenden C#-Code in das
Grundgerüst der button1_Click()-Methode
(Datei MainPage.xaml.cs):
if (button1.Content.ToString() == „An
halten“)
{ mediaElement1.Pause();
button1.Content = „Fortsetzen“; }
else { mediaElement1.Play();
button1.Content = „Anhalten“; }
Zur Erklärung: Zunächst prüfen Sie, ob die
Aufschrift des Buttons aktuell auf Anhalten
PC Magazin 8/2012 www.pc-magazin.de