Freigeben über


Gewusst wie: Verwenden des automatischen Layouts zum Erstellen einer Schaltfläche

Aktualisiert: November 2007

In diesem Beispiel wird beschrieben, wie der Ansatz für ein automatisches Layout verwendet wird, um eine Schaltfläche in einer lokalisierbaren Anwendung zu erstellen.

Die Lokalisierung einer Benutzeroberfläche (user interface, UI) kann sehr viel Zeit in Anspruch nehmen. Neben der Übersetzung von Text müssen Lokalisierer häufig die Größe von Elementen ändern und sie neu positionieren. In der Vergangenheit musste jede Sprache, für die eine Benutzeroberfläche erstellt wurde, angepasst werden. Mit den Funktionen von Windows Presentation Foundation (WPF) können Sie jetzt Elemente entwerfen, die den Anpassungsaufwand reduzieren. Der Ansatz, Anwendungen zu schreiben, bei denen Größenänderungen und Neupositionierungen einfacher ausgeführt werden können, wird als automatic layout bezeichnet.

Die folgenden zwei Extensible Application Markup Language (XAML)-Beispiele erstellen Anwendungen, die eine Schaltfläche instanziieren, eine mit englischem und eine mit spanischem Text. Beachten Sie, dass der Code mit Ausnahme des Texts übereinstimmt. Die Schaltfläche wird an den Text angepasst.

Beispiel

<Window
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ButtonLoc.Pane1"
    Name="myWindow"
    SizeToContent="WidthAndHeight"
    >

<DockPanel> 
    <Button FontSize="28" Height="50">My name is Hope.</Button>
</DockPanel>
</Window>
<Window
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ButtonLoc.Pane1"
    Name="myWindow"
    SizeToContent="WidthAndHeight"
    >

 <DockPanel> 
    <Button FontSize="28" Height="50">Me llamo Esperanza.</Button>
  </DockPanel>
</Window>

Die folgende Grafik zeigt die Ausgabe der Codebeispiele.

Automatische Anpassung der Schaltflächengröße

Die gleiche Schaltfläche mit Text in unterschiedlichen Sprachen

Tipp

Das vollständige Beispiel, aus dem die vorhergehenden Beispiele stammen, finden Sie unter Beispiel zu automatischem Layout für lokalisierbare Anwendungen.

Siehe auch

Aufgaben

Gewusst wie: Verwenden eines Rasters für automatisches Layout

Konzepte

Übersicht über die Verwendung eines automatischen Layouts