UI zu gewinnen

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

  <StackPanel Orientation="Horizontal"
      HorizontalAlignment="Center"
      VerticalAlignment="Center">
    <Button x:Name="myButton"
      Click="myButton_Click">Click Me</Button>
  </StackPanel>
</Window>

<Window
    ...>
  <NavigationView Name="nvSample"
      ItemInvoked="nvSample_ItemInvoked">
    <NavigationView.MenuItems>
      <NavigationViewItem Content="Basics"
        Icon="Crop" Tag="SomeBasics"/>
      <NavigationViewItem Content="Datenbindungen"
        Icon="Comment" Tag="Datenbindungen"/>
      <NavigationViewItem Content="Styles und
        Control-Templates" Icon="Stop"
        Tag="StylesUndControlTemplates"/>
    </NavigationView.MenuItems>
    <Frame Name="contentFrame"/>
  </NavigationView>
</Window>

private void nvSample_ItemInvoked(NavigationView
    sender, NavigationViewItemInvokedEventArgs args)
{
  // Text aus Tag lesen
  string typename = args.InvokedItemContainer.Tag as
    string;

  // Typ-Objekt ermitteln
  typename = $"{nameof(WinUI3Basics)}.{typename}";
  var type = Assembly.GetExecutingAssembly()
    .GetType(typename);

  // Navigation anstoßen. Die Instanz der Page wird
  // automatisch über Reflection erzeugt
  contentFrame.Navigate(type);
}

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace WinUI3Basics
{
  public class Artikel : INotifyPropertyChanged
  {
    public int Artikelnummer { get; set; }
    public string Bezeichnung { get; set; }
    private double preis;

    public double Preis
    {
      get { return preis; }
      set
      {
        if (preis == value) return;
        preis = value;
        OnPropertyChanged();
      }
    }

    public event PropertyChangedEventHandler
      PropertyChanged;
    protected void OnPropertyChanged([
        CallerMemberName] string propertyName = null)
    {
      PropertyChanged?.Invoke(this,
        new(propertyName));
    }
  }

  public class Laden
  {
    public string Name { get; set; } = "Hinz & Kunz";
    public ObservableCollection<Artikel> Artikel {
        get; set; } = new()
    {
      new Artikel { Artikelnummer = 1, Bezeichnung =
        "Ball", Preis = 12 },
      new Artikel { Artikelnummer = 4, Bezeichnung =
        "Telefon", Preis = 49 },
      new Artikel { Artikelnummer = 6, Bezeichnung =
        "Lautsprecher", Preis = 23 },
      new Artikel { Artikelnummer = 71, Bezeichnung =
        "Tasse", Preis = 4 },
      new Artikel { Artikelnummer = 18, Bezeichnung =
        "Teller", Preis = 7 }
    };

    // Eventhandler, über {x:Bind} gebunden:
    // mit Parametern:
    // public void ArtikelHinzufuegen(object sender,
    // RoutedEventArgs e)
    // oder ohne:
    public void ArtikelHinzufuegen()
    {
      Artikel.Add(new Artikel { Artikelnummer=42,
        Bezeichnung="was neues", Preis=10 });
    }

  }
}

public sealed partial class Datenbindungen : Page
{
  // Property für den typisierten Zugriff auf die
  // Daten
  public Laden DerLaden { get; set; }

  public Datenbindungen()
  {
    this.InitializeComponent();

    DerLaden= new Laden();

    // Setzen des DataContexts für klassische
    // Datenbindungen
    this.DataContext = DerLaden;
  }
}

<Page
    x:Class="WinUI3Basics.Datenbindungen"
    ...>

  <Page.Resources>
    <DataTemplate x:DataType="local:Artikel"
        x:Key="ArtikelTemplate">
      <StackPanel Orientation="Horizontal">
        <TextBlock Text="{x:Bind Bezeichnung}"
          Width="100"/>
        <TextBlock Text="{x:Bind Preis}"
          Width="100"/>
        <TextBlock Text="{x:Bind Artikelnummer}"
          Width="100"/>
      </StackPanel>
    </DataTemplate>
  </Page.Resources>

  <StackPanel>
    <TextBlock Text="{Binding Artikel[0].Bezeichnung}"
      Margin="5"/>
    <TextBlock Text="{x:Bind
      DerLaden.Artikel[0].Bezeichnung}"
      Margin="5"></TextBlock>
    <ListBox ItemsSource="{x:Bind DerLaden.Artikel}"
              Margin="5" Name="LB"
            ItemTemplate="{StaticResource
              ArtikelTemplate}"
            Background="{StaticResource
              SystemRevealListLowColor}"/>

    <Border Background="Salmon">
      <ContentControl Content="{x:Bind
                        LB.SelectedItem,
                        Mode=OneWay}" Margin="5"
                      ContentTemplate="{StaticResource
                        ArtikelTemplate}"/>
    </Border>

    <Button Content="Artikel hinzufügen"
      Click="{x:Bind DerLaden.ArtikelHinzufuegen}"
      Margin="5"/>
  </StackPanel>
</Page>