Windows 8 Hallo Welt App - itfacts.org die IT Seite für Nachrichten, Tutorials für Profis
0

Windows 8 Hallo Welt App

Der Start von Windows 8 steht vor der Tür. Es wird also Zeit mit der App Programmierung für Windows 8 zu beginnen.

Was wird gebraucht?

Mehr dazu findet ihr in diesem Beitrag „Checkliste Windows 8 Programmierung„.

Vorgehensweise

  1. Visual Studio Express 2012 starten
  2. Datei -> Neues Projekt anwählen
  3. Visual C# -> Windows Store und wählen dort „Blan App (XAML)“ aus und geben dm Projekt einen Namen. In diesem Beispiel habe ich „HalloWelt“ als Name gewählt.

Wie Sie sehen können, hat das Projekt schon einige Dateien. Das sind bereits alle Dateien, die wir für eine Windows 8 Anwendung benötigen. Zum einen haben wir ein Paket von verschiedenen Bildern, wie die eigentliche Kachel. Jede Windows Anwendung benötigt einen Splashscreen (splashscreen.png). XAML Dateien für unsere eigentliche App.

Weiteres Vorgehen

  • Wir öffnen die MainPage.xaml. Ziehen uns auf unser Design ein Textblock und ein Button Steuerelement

Der XAML Code würde so aussehen:

<Page
 x:Class="HalloWelt.MainPage"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="using:HalloWelt"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 mc:Ignorable="d">

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
 <Button Content="Sag Hallo" HorizontalAlignment="Left" Margin="485,425,0,0" VerticalAlignment="Top" Width="295" Height="90" Click="Button_Click_1"/>
 <TextBlock HorizontalAlignment="Left" Margin="361,238,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="137" Width="564"/>
 <TextBlock x:Name="textHallo" HorizontalAlignment="Left" Margin="293,104,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="256" Width="902" Text="hier könnte etwas stehen" FontSize="72"/>

</Grid>
</Page>

Mit diesem Code haben wir unsere Oberfläche. Im C# Code fügen wir nun noch eine Button Methode hinzu.

MainPage.xaml.cs


using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// Die Elementvorlage "Leere Seite" ist unter http://go.microsoft.com/fwlink/?LinkId=234238 dokumentiert.

namespace HalloWelt
{
 /// <summary>
 /// Eine leere Seite, die eigenständig verwendet werden kann oder auf die innerhalb eines Rahmens navigiert werden kann.
 /// </summary>
 public sealed partial class MainPage : Page
 {
   public MainPage()
   {
     this.InitializeComponent();
   }

   protected override void OnNavigatedTo(NavigationEventArgs e)
   {
   }

   private void Button_Click_1(object sender, RoutedEventArgs e)
   {
     this.textHallo.Text = "Hallo Welt";
   }
 }
}

Nun sind wir am Ende. Führen wir die Anwendung aus. Ihr werdet sehen – mit einem klick auf den Button, erhalten wir eine Textnachricht mit „Hallo Welt“.

Hier könnt ihr euch den kompletten Sourcecode downloaden.

In Kategorie: Tutorials, Windows 8 Tags: , ,

Like & Share

Ähnliche Artikel

Hinterlasse ein Kommentar

Kommentar abschicken