How To: Visual Studio for WP installieren + Erstes Programm programmieren.

Hallo Liebe Community!
In diesem HowTo erkläre ich euch wie ihr Visual Studio 2010 Express Installiert, danach konfiguriert und dann euer erstes "Hallo Welt" Programm schreibt.

Geht als erstes auf die Dowloadseite von Visual Studio for Windows Phone, überprüft ob euer Computer den Systemanforderungen Entspricht. Wichtig hier: Ihr könnt das Installationslaufwerk NICHT verändern. Achtet also darauf, dass ihr auf "C" mindestens 3 Gigabyte Speicher frei habt.


Klickt nun auf "unten aufgeführte Dateien herunterladen" und dann unten auf "VM_L\vm_web.exe"

Anhang 62332

Lade die Datei nun herunter und führt sie aus. Nun könnt ihr einige Dinge Einstellen usw.
Nachdem ihr euch durgeklickt habt, sollten die Dateien nun heruntergeladen werden. Dies dauert je nach Verbindung um die Zehn Minuten.
Nachdem einige Teile bereits installiert worden sind, sollte jetzt die Meldung kommen, dass man den Computer neu starten soll. Tut dies, aber speichert vorher alle offenen Dokumente.

Anhang 62159

Nach dem Neustart werden die restlichen Programmteile Installiert.

Anhang 62160

Nachdem alles fertig installiert worden ist, könnt ihr das Programm nun ausführen.

Nun sollte der Startscreen erscheinen. Darauf sind verschiedenen News, zuletzt geöffnete Projekte usw. Natürlich könnt ihr per Drag and Drop die verscheiden Elemente so verschieben, wie sie euch passen.

Anhang 62161

So nun wollen wir ein neues Projekt anfangen. Klickt dafür auf „Datei“ und dann auf „Neues Projekt“.

Nun sollte ein Fenster geöffnet werden. Hier könnt ihr aus verschieden Vorlagen wählen. Für unser „Hallo Welt“ Programm nehmen wir die Vorlage „Windows Phone Anwendung“.
Unten könnt ihr den Namen und Speicherort ändern. Ich nenne mein Programm „Hallo Pocketpc.ch“

Anhang 62333

So hier wären wir. Links seht ihr die sogenannte „ToolBox“. Darin befinden sich die Elemente die ihr für eure Anwendung verwenden könnt. In der Mitte ist der „Designer“. Ihr könnt die von euch gewählten Elemente aus der Toolbox mit Drag and Drop auf den Designer schieben. Auf der rechten Seite ist der Xaml Code. Der ist aber im Moment uninteressant.
Für unser kleines Programm benötigen wir 2 Buttons und einen Textblock. Tut die Elemente dort hin wo sie euch am besten gefallen. Hier mein Vorschlag:

Anhang 62334

Doch bevor wir den Code eingeben: Wie ändere ich den Namen und den Text der angezeigt wird bei einem Element? Nun dafür gibt es das Eigenschaftsfenster. Es befindet sich ganz rechts. Hier könnt ihr den Namen und den Text und noch viele andere Dinge verändern. Tut dies nach euerm belieben.

Anhang 62164

Das wäre mein Vorschlag. Achtung der Name eines Elements hat nichts mit dem Angezeigten Text zu tun. Um den Text zu ändern müsst ihr bei der Haadline und dem Textblock nach der Eigenschaft „Text“ suchen, bei den beiden Buttons heißt die Eigenschaft „Content“.

Im Moment macht aber unsere Anwendung noch rein gar nichts. Um dies zu ändern müssen wir nun Code eintippen. Klickt dafür doppelt auf den ersten Button ("Mit Text füllen").

Nun sollte dieses Fenster erscheinen. Ihr könnt natürlich sofort wieder zum Designer zurück indem ihr oberhalb dieses Code-Fensters auf den Tab (ähnlich wie bei Browser) klickt.

Anhang 62335

In den geschweiften Klammern unter dem Text „private void cmdTextknopf_Click(object sender, RoutedEventArgs e)“ geben wir nun unsere Anweisung ein.

Anhang 62336

Gebt dafür als erstes den Namen eures Textblocks ein, macht danach ein Punkt und wählt die Art von Befehl aus (hier „Text“) macht danach mithilfe des Gleich eine Zuweisung und schreibt dann in Anführungszeichen den Text den ihr später in dem Textblock sehen wollt. Vergesst nicht mit einem Anführungszeichen zu enden und danach ein „;“ zu machen.
Das tönt vielleicht sehr kompliziert, ist es aber nicht, denn am Schluß sollte der Text zwischen den geschweiften Klammern so aussehen: „UnserTextblock.Text = "Hallo PocketPC.ch!";“

Wollt ihr mal schauen was eure Anwendung bis jetzt kann? Wenn ja, müsst ihr oben (Unter der Leiste mit „Datei“ und „Bearbeiten“.) auf die kleine Liste klicken und „Windows Phone Emulator“ wählen. Klickt danach auf den kleinen „Play“-Button links von dieser Schaltfläche. Nun sollte der Emulator gestartet werden.

Anhang 62167

Nachdem der Emulator gestartet ist, sollte sich das Programm automatisch öffnen. Nun seht ihr euren „mit Text füllen“ Knopf. Klickt darauf und seht zu wie sich der Text in dem Block verändert.

Herzlichen Glückwunsch, ihr habt euer erstes Programm geschrieben!
Ganz zufrieden seit ihr aber wahrscheinlich noch nicht und ihr werdet euch fragen für was der Zweite Knopf ist. Die Antwort ist, dass wir den noch brauchen um den Textblock zu leeren. Also Emulator schließen und weiter coden. Wieder Doppelklick auf den zweiten Button und gebt zwischen den geschweiften Klammern UnserTextblock.Text = „“; ein.

Anhang 62337

Startet den Emulator wieder.
Wenn ihr nun auf „Textblock leeren“ klickt, sollte sich der Block leeren.

So! Herzlichen Glückwunsch nun ist euer kleines „Hallo Welt“ Programm perfekt. Wenn ihr Probleme beim Programmieren für Windows Phone habt, stellt eure Fragen einfach in das Programmier Forum von PocketPC.ch!

Bitte hier nur spezifisch zu diesem Programm Fragen stellen.

Erstmal vielendank für das tolle Tutorial !

Aber ich habe ein kleines Problem. Immer wenn ich ein neues Projekt starte sollte der Emulator ,den du auch hast, erscheinen aber bei mir kommt nur ein Fehlercode der besagt das ich Silvelight SDK 3 installieren soll was schon vorher passiert ist.

Natürlich habe ich es auch neu installiert ohne erfolg

MfG

@Black Storm: Hast du auch immer "Windows Phone Emulator" ausgwählt?

Hallo,

Da ich nicht so gut im erklären bin habe ich ein screenshot gemacht :)
http://i55.tinypic.com/2zyd85s.jpg

wie gesagt sdk ist installiert

Stell mal neben dem Button zum Debuggen von "Windows Phone Device" auf Windows Phone Emulator um.

Anhang 62310

Gruss
Nemoc

warum auch immer hat es jetzt funktioniert. Ich hatte es vorher schon probiert aber vielen vielen dank :)!

@Storm: Wenn du das andere aswählst wird die Applikation auf ein Developer Handy geladen, welches an Zune angeschlossen werden muss. Da du dein Handy aber wahrscheinlich nicht an Zune angeschlossen hattest und wenn dann es wahrscheinlich keine Entwickler-Rechte hatte, kam die von dir besagte Fehlermeldung. Wenn du hingegen den Emulator auswählst wird Windows Phone mit deiner Applikation darauf in einer Virtuellen Maschine gestartet. Dann ist es auch ohne Entwickler-Rechte kein Problem.

Moin, moin!

Nachdem ich nun ganz stolz meine erste kleine App entwickelt habe, mal eine ganz dumme Anfängerfrage ... wie kann ich eigentlich eine xap erstellen?

Ich habe ein Projekt in Visual Studio 2010 Express for WP erstellt und im Emulatur getest. Leider finde ich darin jedoch nicht, wie ich das Projekt nun in eine xap kompiliere ...

Könntet ihr mir vielleicht eben dabei helfen, die Tomaten von den Augen zu entfernen?

Vielen Dank schon vorab!!

Hallo schroeder!
Du hast die XAP bereits erstellt, du musst sie nur noch finden ;)
Sie befindet sich normalerweise beim SpeicherOrt des Projekts (wenn du im App-ordner bist gehe zum Ordner "bin", danach "debug".) Dort sollte deine APK sein (zb. HalloPocketpc.xap).
Nun kannst du diese auf dein Handy übertragen indem du es Jailbreakst und dann ein Tool wie zb. Tom XAP Installer verwendest. Achte dabei darauf, dass du es wirklich entsperrt hast. Auch musst du daran denken Zune laufen zu lassen.
Ich hoffe ich konnte dir damit helfen!
:)

Also wenn du es auf dein Gerät übertragen möchtest würde ich dir empfehlen einen Account zu lösen und das Gerät offiziell zu entriegeln, was ja so oder so anfällt wenn du das App veröffentlichen willst. Und damit verlierst du auch nicht deine Garantie und so ;)

Der Unlock ist einfach zu entfernen als einen Berner zu überholen... ;) Ausserdem: Bis die App bereit zum veröffentlichen ist, dauert es wohl länger...

Wäre mir zu viel Aufwand ^^

Vielen, vielen Dank für die Tips und Hinweise!!

Ich kämpfe im Moment gerade noch eine Runde mit GeoTrust ... vermutlich kann ich erst nach deren Verifikation mein Handy über das Tool freischalten ... aber dann ... ;-)

jap, das geht erst nach dem Geotrust zeugs ^^

Danke ist ein nettes Tutorial. :)
Du hast aber ein Fehler, du sagst das Eigenschaftsfenster ist ganz links
dafür ist es ganz rechts :P
Anyways, thanks ^^

Wie gesagt, man kann ja alles herumschieben wie man will :D

Ich ändere es aber trotzdem mal, ist ja standartmässig rechts, oder?

Sag mal, hättest du gute Tutorials die mir das Programmieren lernen?

Und ja, Standard ist das Fenster rechts.

Also welche Sprache willst du lernen?
Willst du Visual C# lernen?
Ich persönlich kann dir alle Bücher über diese Sprache von Galileo Computing empfehlen.
Ansonsten gibt es auch noch einen Thread mit Tutorials (Im Entwicklungsforum als Sticky markiert)

Beim installieren kommt immer dieser Fehler: http://msdn.microsoft.com/de-de/library/b8akas30.aspx

http://www.pocketpc.ch/attachments/w...ren-fehler.png

Tja dann musst du das .Net 4 Framework installieren ;) http://www.microsoft.com/downloads/e...displaylang=en