Χαίρε, WPF!

Το πρώτο και ιδιαίτερα κλασσικό παράδειγμα, σχεδόν σε κάθε εγχειρίδιο προγραμματισμού είναι το "Hello , world!" (Χαίρε, σύμπαν) παράδειγμα, αλλά σε αυτό το σεμινάριο ενθουσιασμένοι θα το αλλάξουμε σε "Hello, WPF!". Ο στόχος είναι να παρουσιάσουμε αυτό το τμήμα κειμένου στην οθόνη, για να σας δείξουμε πόσο εύκολο είναι να ξεκινήσετε.

Στο υπόλοιπο αυτού του σεμιναρίου υποθέτουμε ότι έχετε εγκαταστήσει ένα IDE (Ολοκληρωμένο Περιβάλλον Ανάπτυξης), κατά προτίμηση το Visual Studio ή το Visual Studio Community (δείτε το προηγούμενο άρθρο για οδηγίες σχετικά με τον τρόπο λήψης του).Εάν χρησιμοποιείτε άλλο περιβάλλον, θα πρέπει να προσαρμόσετε τις οδηγίες στο περιβάλλον αυτό.

Ξεκινήστε στο Visual Studio επιλέγοντας New project από το μενού File. Αριστερά θα πρέπει να έχει μια δενδροειδή δομή με τις κατηγορίες. Αυτό το σεμινάριο θα επικεντρωθεί στην χρήσ C# όπου χρησιμοποιείται κώδικας, οπότε πρέπει να την επιλέξετε από τη λίστα τύπων και από τη στιγμή που θα δημιουργούμε εφαρμογές Windows, θα πρέπει να επιλέξετε Windows από το δέντρο. Αυτό θα σας δώσει μια λίστα πιθανών τύπων εφαρμογών των Windows στα δεξιά, από όπου θα πρέπει να επιλέξετε WPF Application. Ονομάσα το πρότζεκτ "HelloWPF" συμπληρώνοντάς στο πεδίο κειμένου Name. Βεβαιωθείτε ότι οι υπόλοιπες ρυθμίσεις στο κάτω μέρος του παραθύρου είναι εντάξει και πατήστε το κουμπί Ok.

Το καινούργιο σας πρότζεκτ θα έχει μερικά αρχεία, αλλά θα επικεντρωθούμε σε ένα από αυτά προς το παρόν MainWindox.xaml. Αυτό είναι το βασικό παράθυρο της εφαρμογής, αυτό το οποίο εμφανίζεται πρώτο όταν γίνεται εκκίνηση της εφαρμογής, εκτός και αν το αλλάξετε. Ο κώδικας XAML που βρίσκεται σε αυτό (η XAML αναλύεται λεπτομερώς σε ένα άλλο κεφάλαιο αυτού του σεμιναρίου) θα πρέπει να είναι περίπου το εξής:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>

    </Grid>
</Window>

Αυτό είναι το βασικό τμήμα XAML που το Visual Studio δημιουργεί για το παράθυρό μας, όλα τα μέρη του εξηγούνται στα κεφάλαια για την XAML και "The Window". Μπορείτε πράγματι να εκτελέσετε την εφαρμογή τώρα (επιλέξτε Debug -> Start debugging η πατήστε F5) για να δείτε το κενό παράθυρο από το οποίο αποτελείται προς το παρόν η εφαρμογή μας, τώρα όμως ήρθε η ώρα να παρουσιάσουμε το μήνυμα μας στην οθόνη.

Θα το κάνουμε προσθέτοντας ένα TextBlock control στο Grid Panel, με το προαναφερθέν μήνυμα ως περιεχόμενο:

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="72">
            Hello, WPF!
        </TextBlock>
    </Grid>
</Window>

Δοκιμάστε να εκτελέσετε την εφαρμογή τώρα (επιλέξτε Debug -> Start debugging ή πατήστε F5) και δείτε το όμορφο αποτέλεσμα της σκληρής δουλειάς σας - την πρώτη σας εφαρμογή WPF:

Θα παρατηρήσατε ότι χρησιμοποιήσαμε τρία διαφορετικά χαρακτηριστικά (attributes) στο TextBlock για να έχουμε μια προσαρμοσμένη ευθυγράμμιση (στη μέση του παραθύρου), καθώς και την ιδιότητα (property) FontSize για να έχουμε μεγαλύτερο κείμενο. Όλες αυτές οι έννοιες θα εξεταστούν σε μεταγενέστερα άρθρα.

Συγχαρητήρια που προχωρήσατε τόσο πολύ. Τώρα διαβάστε το υπόλοιπο του σεμιναρίου και σύντομα θα μάθετε το WPF!