Werkzeuge für Entwickler
Die Kapitel im Überblick |
Kapitel 3: Die Entwickler- und DesignertoolsMit der Veröffentlichung der Entwicklertools für das Windows Phone (WP) ermöglicht Microsoft die Entwicklung für Windows Phone mit der benutzerfreundlichen und hoch produktiven Visual Studio-Entwicklungsumgebung. Als Entwickler von Android-Anwendungen sind Sie mit Eclipse vertraut und können schnell auf die WP-Entwicklertools migrieren und problemlos damit arbeiten. Ein Vergleich der Tools von Android und Windows PhoneVisual Studio 2010 Express für Windows Phone ist eine voll ausgestattete integrierte Entwicklungsumgebung (IDE). Visual Studio 2010 erleichtert das Entwerfen, Entwickeln und Debuggen von Windows Phone-Anwendungen. Die weiteren Tools für WP, die Sie im Entwicklungszyklus einer Windows Phone-Anwendung unterstützen, sind:
Die WP-Entwicklertools bieten die vollständigen Funktionalitäten, die auch die Entwicklertools für Android-Anwendungen bieten. Die nachstehende Tabelle gibt Ihnen einen Überblick über die Funktionalitäten der einzelnen Tools. Sie zeigt außerdem die entsprechenden Tools an, die Sie für die Entwicklung von Android-Anwendungen nutzen.
Um Anwendungen für Windows Phone zu erstellen, können Sie die Teamstruktur und den gesamten Entwicklungsprozess von Android nutzen. Das Windows Phone Toolset stellt sicher, dass das gesamte Team von Designern, Entwicklern und Testern, das mit den Android-Entwicklungstools vertraut ist, mit Leichtigkeit auf das WP Toolset migrieren kann. Entwicklungszyklus und Windows Phone-EntwicklertoolsExpression Blend 4 und Visual Studio fördern eine enge Zusammenarbeit zwischen Designern und Entwicklern. Beide Tools teilen dieselbe Dateistruktur und die gleichen Quelldateien. Expression Blend verwendet XAML für das Oberflächendesign und das XAML wird von Visual Studio verarbeitet. Dieses System ermöglicht es, die Verantwortlichkeiten zwischen Designer und Entwickler zu trennen, während sie gleichzeitig nahtlos miteinander zusammenarbeiten können.
Projektmanagement für Windows PhoneEbenso wie Eclipse ist auch Visual Studio 2010 Express für WP eine voll ausgestattete, integrierte Entwicklungsumgebung (IDE). Visual Studio 2010 Express erlaubt es Ihnen:
Mit Visual Studio 2010 Express können Sie Quelldateien verwalten, Code teilen und die Arbeit zwischen Teammitgliedern managen. Visual Studio integriert einen Compiler und einen Debugger. Sowohl auf den Compiler als auch den Debugger können Sie entweder von der GUI oder der Befehlszeile aus zugreifen. Um eine Beispielanwendung zu erstellen, gehen Sie bitte folgendermaßen vor:
Das Fenster Solution Explorer zeigt die Lösung an, die Sie erstellt haben. Dieses Beispiel enthält nur das Projekt „ShoppingList“. Es beinhaltet die Quellen, Ressourcen und Eigenschaften.
Hinweis: Visual Studio Express für WP bietet keine Integration mit Quellcodeverwaltungssystemen. Die Visual Studio Professional-Edition bietet Funktionalitäten wie die Integration mit verschiedenen Quellcodeverwaltungssystemen wie etwa Subversion. Sie können auch Visual Studio Team System verwenden, das für eine bessere Kommunikation und Zusammenarbeit zwischen den Entwicklungsteams entworfen wurde. Die Tools für das Design der BenutzeroberflächeDie WP-Entwicklertools beinhalten:
WP verwendet Silverlight und eine spezifische XML-Markup-Sprache zur Spezifikation der Benutzeroberfläche. Das Visual Studio-Tool zum Design der Benutzeroberfläche entspricht dem Eclipse ADT Plug-in (das ADT Plug-in verbindet Eclipse mit dem Android SDK und ermöglicht das Kompilieren, Debuggen und Installieren der APK auf dem Emulator). Als Entwickler von Android-Anwendungen sind Sie mit dem Eclipse ADT-Plug-in vertraut und es wird Ihnen leicht fallen, dieses Tool zu verwenden. In unserem Beispiel ist die Hauptseite für die Lösung „ShoppingList“ – MainPage.xaml – bereits im Visual Studio UI Designer-Tool zur Bearbeitung geöffnet. Um die Titel der Anwendung und der aktuellen Seite zu ändern, gehen Sie wie folgt vor:
Sie können den Titel der Seite auch ändern, indem Sie „my list“ in die Text-Eigenschaft des Titels eingeben. Um den Titel einer Seite zu ändern, tun Sie Folgendes:
Ihre Anwendung sieht dann wie unten abgebildet aus:
Die Anwendung startet den WP-Emulator, stellt die Anwendung ShoppingList bereit und lässt sie laufen. Sie können auf Add klicken. Aber die Anwendung reagiert nicht, da es für den Button, den Sie in den vorangehenden Schritten eingefügt haben, keinen Code gibt.
Hinweis: Sie können die Kontextmenüs verwenden, um die Ereignishandler hinzuzufügen oder die Eigenschaften der Steuerelemente festzulegen. Die Integration des Emulators in Visual Studio erlaubt eine direkte Handhabung der Steuerelemente und macht es einfach, den Steuerelementen der Benutzeroberfläche Logik hinzuzufügen. Expression Blend für Windows PhoneExpression Blend für WP ist ein visuelles Tool zum Entwurf der Benutzeroberfläche, das für Designer geeignet ist. Im Entwicklungs-Toolset von Android gibt es kein genaues Äquivalent zu Expression Blend (am nähesten kommt Blend der Layouteditor von Android). Mit Expression Blend können Sie:
Expression Blend adressiert Designer von Benutzeroberflächen, Visual Studio Design adressiert Entwickler. Entwickler können Visual Studio Design außerdem verwenden, um die Anwendungslogik in das Design der Benutzeroberfläche zu integrieren. Sie können auch das Designtool in Visual Studio verwenden, um die Oberflächen Ihrer Anwendungen zu gestalten. Sowohl Expression Blend als auch Visual Studio Design bieten:
Visual StudioVisual Studio hat einen einfach zu nutzenden, voll ausgestatteten und konfigurierbaren Quellcode-Editor. Das Editor-Tool verfügt über verschiedene Funktionalitäten, die Nutzern von Eclipse vertraut sind. Zu diesen Funktionalitäten des Editors gehören:
Um der Anwendung Logik hinzuzufügen, gehen Sie bitte wie folgt vor:
if (!String.IsNullOrEmpty(tStr)) Hinweis: Wenn Sie String eingeben, zeigt Visual Studio das Dialogfeld zur automatischen Vervollständigung an. Wenn Sie Is eintippen, zeigt Visual Studio die Klassenmethoden der String-Klasse an.
VS IntelliSense in Visual StudioVS IntelliSense ist eine Funktionalität der IDE, die History, Code Context und .NET-Reflektion zur intelligenten Autovervollständigung verwendet. VS IntelliSense kann Variablennamen, Parameter, Klassen und Methodennamen vorschlagen und vervollständigen. VS IntelliSense kann, wie im nachstehenden Code gezeigt, auch geeigneten Code generieren, wenn notwendig:
Um die Ereignisfunktion zu vervollständigen, generiert Visual Studio ein leeres Stub für die Ereignishandler-Methode button1_click.
Code Snippets in Visual StudioCode Snippets in Visual Studio entsprechen den Code-Templates in Eclipse. Code Snippets erlauben es Ihnen, Codefragmente mit ein paar wenigen Klicks einzufügen. Visual Studio enthält eine große Menge von Snippets. Diese Snippets helfen Ihnen, Ihre eigenen Snippets zu erstellen. Sie können auch ein Index erstellen und mithilfe selbstdefinierter Bedingungen nach den Code Snippets suchen. Um ein Code Snippet zu verwenden, gehen Sie wie folgt vor: Um die Eingabeaufforderung Insert Snippet zu starten, drücken Sie ctrl+k ctrl+x. Um ein Code Snippet für ein if-Statement im Code einzufügen, wählen Sie Visual C# gefolgt von i
Der eingefügte Snippet zeigt die Teile des Codes an, die Sie vervollständigen müssen.
private void btnAdd_Click(object sender, RoutedEventArgs e) {
string tStr = txtItem.Text;
if (!String.IsNullOrEmpty(tStr)) {
if (true) {
}
}
}
Um den Code für die Methode zu vervollständigen, geben Sie den erforderlichen Code so ein, dass der komplette Body der Methode folgendermaßen aussieht:
string tStr = txtItem.Text;
if (!String.IsNullOrEmpty(tStr)) {
if (txtList.Text == "Nothin here yet") {
txtList.Text = "";
}
txtList.Text += txtItem.Text + "\n";
txtItem.Text = "";
}
Visual Studio unterstützt verschiedene Mechanismen, um Code umzuändern. Sie können jeden beliebigen Teil des Codes auswählen und gelangen per Rechtsklick darauf zum entsprechenden Menü. Visual Studio-EditorDer Visual Studio-Editor kann angepasst werden. Er erlaubt es Ihnen, eine Vielzahl von Shortcuts zu definieren oder Ihre eigenen Makros zu erstellen. Makros helfen Ihnen, sich wiederholende Aufgaben zu automatisieren, indem Sie eine Reihe von Befehlen und Anweisungen kombinieren. Sie können den Visual Studio-Editor ganz einfach anpassen, um Shortcuts und Tastaturkombinationen zu verwenden, mit denen Sie vertraut sind. Ebenso wie Eclipse verwendet die Standardansicht in Visual Studio Fenster mit Registerkarten. Dieses Verhalten können Sie ganz an Ihren Bedarf anpassen. Sie können auch die Art anpassen, in der verschiedene Fenster innerhalb der Visual Studio-Shell verankert sind. Anwendungen erstellenVisual Studio Express für WP ermöglicht es Ihnen, die Visual Studio-Lösung on Demand zu erstellen. Außerdem kann jedes Projekt, das Bestandteil der Lösung ist, separat entwickelt werden. Visual Studio verwendet ein XML-basiertes, deklaratives Build System namens MSBuild. MSBuild entspricht Ant und Nant. Sie können entweder von der GUI auf die Builds zugreifen oder indem Sie die Befehlszeile für Stapelverarbeitung verwenden. MSBuild ist flexibel und ermöglicht es Ihnen, ein bestimmtes Ziel entweder als Debug Build oder als Release Build zu erstellen.
Windows Phone-EmulatorDer WP-Emulator bietet eine virtualisierte Umgebung in der Sie Anwendungen bereitstellen, debuggen und testen können. Der WP Emulator ist so gestaltet, dass er eine vergleichbare Performance eines tatsächlichen Geräts liefern kann und den Peripheriespezifikationen für die Anwendungsentwicklung entspricht. Auf folgende Weisen können Sie von Visual Studio zum WP Emulator gelangen:
Der WP Emulator ist ähnlich dem bei Android. Allerdings gibt es folgende Unterschiede:
DebuggingVisual Studio Express for Windows Phone beinhaltet einen Debugger, den Sie zusammen mit dem WP Emulator oder mit einem Remotegerät verwenden können. Sobald die Anwendung im Debugger geladen wird, können Sie die Variablen in der Anwendung sehen und ihre Ausführung steuern. Um mit dem Debugger zu arbeiten, gehen Sie bitte folgendermaßen vor:
Nachverfolgen von VariablenSie können die Einzelheiten der Variablen, wie Type, Fields und Properties, ansehen. Der nachstehende Dialog zeigt, wie Sie in der Typenhierarchie rauf- und runterscrollen können, um die Objekte zu überprüfen.
Sie können auf bestimmte Variablen ein Überwachungselement setzen, um sie ständig unter Beobachtung zu halten. Um Variablen nachzuverfolgen, gehen Sie bitte wie folgt vor: Machen Sie einen Rechtsklick auf txtList und klicken Sie anschließend auf Add Watch. Das Überwachungsfenster zeigt die Variable txtList an. Klicken Sie in der Nähe von txtList auf + icon, um txtList zu erweitern.
Um sicherzustellen, dass das Steuerelement nicht das if-Statement eingibt, drücken Sie F10, um den Code schrittweise zu durchlaufen.
if (txtList.Text == "Nothing here yet") {
txtList.Text = "";
}
Sie können im Watch-Fenster beobachten, dass der Wert von txtList.Text Nothing here yet! ist. Aber er wird mit Nothing here yet (ohne Ausrufezeichen) verglichen. Dies ist ein Bug im Code. Ändern Sie das Statement wie unten gezeigt, um das Ausrufezeichen hinzuzufügen: if (txtList.Text == "Nothing here yet!") Hinweis: Während Sie sich im Debugger befinden, können Sie den unmittelbaren Modus von Visual Studio verwenden. Darin können Sie die Anweisungen für den verwalteten Code schreiben, um die Variablen zu verändern oder anzusehen, oder um Code auszuführen, um beim Debuggen zu helfen.
Aktualisieren Sie den Code und starten Sie den Debugger neu, indem Sie F5 drücken. Um die Anwendung zu testen, fügen Sie der shopping list Elemente hinzu.
Eine Bemerkung zum DebuggingSie werden feststellen, dass Sie mithilfe der verwalteten Programmierumgebung eine WP-Anwendung auf einfache Weise debuggen können. Ebenso wie in Eclipse wird das Debuggen einer Anwendung in WP mithilfe von C#-Code und -Typen vollständig auf der Anwendungsebene vorgenommen. Hinweis: Das .NET Framework beinhaltet zwei Klassen namens Debug und Trace. Sie helfen Ihnen, Debug-Nachrichten zur Laufzeit an das Ausgabefenster zu leiten und dort anzuzeigen. C# unterstützt außerdem ein Asserts-Statement, das während der Laufzeit ausgewertet wird. Wenn das Statement als wahr zurückgegeben wird, reagiert Visual Studio nicht. Wenn das Statement jedoch als falsch zurückgegeben wird, durchläuft das Programm den Debugger. ZusammenfassungIn diesem Kapitel haben wir uns das Entwickler-Toolset von Windows Phone angesehen. Es beinhaltet umfangreiche Tools, die entworfen wurden, um jeden Schritt im gesamten Zyklus der Anwendungsentwicklung zu unterstützen. Die Tools für Design, Entwicklung und Testen entsprechen den bestehenden Teamrollen und -prozessen in Android. Die enge Integration zwischen den WP-Tools helfen Ihnen, das Design zu optimieren, den Workflow zu entwickeln und den Workflow zu testen. Diese Tools bieten vollständige Funktionalität und sind in hohem Maß anpassbar. |
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
© 2013 Microsoft. Alle Rechte vorbehalten.
