Klausur GUI-Entwicklung WS10/11 1.Termin

Transkript

1 Klausur GUI-Entwicklung WS10/11 1.Termin Aufgabe 1) (8 Punkte) Sie sehen die folgenden Angaben im Projektmappen-Explorer von Visual Studio 2010: a) Erläutern Sie die Bestandteile dieses WPF-Projekts! (5 P.) Hinweis: Properties und Verweise müssen nicht erläutert werden! b) Beim XAML-Mapping werden aus XML-Elementen Objekte der entsprechenden.net- Klassen erzeugt. Wie werden die XML-Attribute gemappt? (1 P.) c) Geben Sie beispielhaft die XAML-Syntax für einen Button mit Ereignishandler an und zwar einmal mit Attributsyntax und einmal mit Property-Element-Syntax! (2 P.) Aufgabe 2) (14 Punkte) a) Beschreiben Sie die GUI und die Funktionsweise des folgenden Programms: (10 P.) Hinweis: Eine Erklärung der Syntax und der Bestandteile der XAML-Datei ist hier nicht gefordert! MainWindows.xaml: <Window x:class="wpf_aufgabe2.mainwindow" xmlns:meins="clr-namespace:wpf_aufgabe2" Title="MainWindow" Height="200" Width="250"> <Window.Resources> <SolidColorBrush x:key="meinefarbe" Color="AliceBlue"/> <x:array x:key="studentenliste" Type="x:Type Meins:Student"> <Meins:Student MatrikelNr="123456" Name="Wagner" /> <Meins:Student MatrikelNr="654321" Name="Beethoven" /> </x:array> </Window.Resources> <StackPanel Background="StaticResource MeineFarbe">

2 <ListBox Name="lbStud" ItemsSource="Binding Source=StaticResource StudentenListe" SelectionChanged="lbStud_SelectionChanged" /> <Label Height="40" Name="lAuswahl" Width="280"> Es wurde noch niemand ausgewählt!</label> Ausschnitt aus MainWindows.xaml: private void lbstud_selectionchanged(object sender, SelectionChangedEventArgs e) lauswahl.content = lbstud.selecteditem; lauswahl.fontsize = 14; lauswahl.fontweight = FontWeights.Bold; b) Welche Implementierung ist für die Klasse Student.cs erforderlich? (2 P.) c) Welche Möglichkeit bietet WPF, um die Darstellung der Items einer ListBox ganz individuell zu gestalten? (2 P.) Aufgabe 3) (23 Punkte) a) Erläutern Sie die Bedeutung, Erstellung und Nutzung eines UserControls! (8 P.) b) In einer WPF-Anwendung implementieren die Klassen der Geschäftslogik bzw. des ViewModel die INotifyPropertyChanged-Schnittstelle. Zu welchem Zweck? (2 P.) c) Wozu kann das XAML-Element CollectionViewSource dienen? (3 P.) d) Erläutern Sie das Konzept der Commands! (10 P.) Aufgabe 4) (15 Punkte) Erklären Sie die Struktur und die einzelnen Bestandteile der folgenden XAML-Datei: <Window x:class="wpf_aufgabe4.mainwindow" xmlns:meins="clr-namespace:wpf_aufgabe4" Title="MainWindow" Height="150" Width="200"> <StackPanel> <StackPanel.DataContext> <Meins:Student MatrikelNr="123456" Name="Wagner" /> </StackPanel.DataContext> <StackPanel.Resources> <Style x:key="textboxstyle" TargetType="TextBox"> <Style.Setters> <Setter Property="Foreground" Value="red"/> </Style.Setters> <Style.Triggers> <Trigger Property="IsFocused" Value="True">

3 <Setter Property="Background" Value="darkblue"/> </Trigger> </Style.Triggers> </StackPanel.Resources> <Label Content="Binding Name" Height="25"/> <Label Content="Binding MatrikelNr" Height="25"/> <TextBox Style="StaticResource TextBoxStyle"/> Klausur GUI-Entwicklung WS10/11 1.Termin Aufgabe 1) (30 Punkte) a) Zu den built-in -Controls in WPF gehören die ItemsControls. Aus der Klasse ItemsControl erben weitere Klassen, die in WPF häufig zur Anwendung kommen. Benennen Sie vier dieser Klassen und erläutern Sie ihre spezielle Funktionalität! Erklären Sie anhand von Beispielen, wofür sich diese Controls besonders gut eignen! (12 P.) b) Geben Sie beispielhaft die XAML-Syntax für einen Button mit Ereignishandler an und zwar einmal mit Attributsyntax und einmal mit Property-Element-Syntax! (2 P.) c) Erläutern Sie das Prinzip und die Möglichkeiten des Data Binding in WPF! Welche Vereinbarungen müssen getroffen werden? (12 P.) d) Wozu dienen Commands in WPF? (4 P.) Aufgabe 2) (18 Punkte) a) Sie sehen das Bild einer GUI, die vollständig in XAML beschrieben wurde. Benennen Sie acht Controls, die dabei verwandt wurden! (4 P.)

4 b) Beschreiben Sie die GUI und erklären Sie die Struktur sowie die einzelnen Bestandteile der folgenden XAML-Datei: (14 P.) <Window x:class="klausur2.mainwindow" Title="MainWindow" Height="150" Width="300"> <StackPanel Width="250"> <StackPanel.Resources> <Style x:key="textboxstyle" TargetType="TextBox"> <Style.Triggers> <DataTrigger Binding="Binding ElementName=checkBox1, Path=IsChecked" Value="True"> <Setter Property="Foreground" Value="Red"/> </DataTrigger> </Style.Triggers> <Style TargetType="x:Type Button"> <Style.Setters> <Setter Property="Background" Value="Yellow"/> <Setter Property="FontSize" Value="20"/> </Style.Setters> </StackPanel.Resources> <CheckBox Content="Wichtig" Height="16" Name="checkBox1" /> <Label Content="Texteingabe:" Height="25"/> <TextBox Style="StaticResource TextBoxStyle"/> <Button Content="Speichern" Name="btnSpeichern" Click="btnSpeichern_Click" /> Aufgabe 3) (12 Punkte) Erläutern Sie die GUI, den Aufbau und die Funktionsweise des folgenden Programms: MainWindow.xaml: <Window x:class="klausur3.mainwindow" Title="MainWindow" Height="350" Width="400"> <StackPanel Name="spZentral"> <Menu DockPanel.Dock="Top"> <MenuItem Header="Datei"> <MenuItem Name="miEnde" Header="Schließen" Click="miEnde_Click"/> </MenuItem> <MenuItem Header="Arbeitsbereich"> <MenuItem Name="miEinkauf" Header="Einkauf" IsCheckable="True" Click="miEinkauf_Click"/> </MenuItem> </Menu> <Label Content="Willkommen!" Height="28" HorizontalAlignment="Left" />

5 MainWindow.xaml.cs: using System.Windows; namespace Klausur3 public partial class MainWindow : Window public MainWindow() InitializeComponent(); private void miende_click(object sender, RoutedEventArgs e) Close(); private void mieinkauf_click(object sender, RoutedEventArgs e) UserControlEinkauf uce = new UserControlEinkauf(); spzentral.children.add(uce); mieinkauf.ischecked = true; UserControlEinkauf.xaml: <UserControl x:class="klausur3.usercontroleinkauf" > <Grid> <Label FontFamily="Antique Olive" FontSize="18" Content="GUI für den Einkauf" /> </Grid> </UserControl> UserControlEinkauf.xaml.cs: using System.Windows.Controls; namespace Klausur3 public partial class UserControlEinkauf : UserControl public UserControlEinkauf() InitializeComponent();