Exemplarische Vorgehensweise: Erstellen eines Layouts, das sich proportional an die Lokalisierung anpasst

Artikel
08/20/2007

Das Erstellen von Formularen, die unmittelbar lokalisiert werden können, beschleunigt die Entwicklung für internationale Märkte enorm.

Anhand dieser exemplarischen Vorgehensweise wird veranschaulicht, wie ein Layout erstellt wird, das sich proportional anpasst, wenn angezeigte Zeichenfolgenwerte in andere Sprachen übersetzt werden. Dieser Übersetzungsvorgang wird als Lokalisierung bezeichnet. Weitere Informationen finden Sie unter Lokalisieren von Anwendungen. Informationen über das Lokalisieren fertiger Windows Forms finden Sie unter Exemplarische Vorgehensweise: Lokalisieren von Windows Forms

Zu den Aufgaben in dieser exemplarischen Vorgehensweise gehören:

Erstellen des Projekts
Beibehalten der vertikalen Ausrichtung
Aktivieren der proportionalen Größenanpassung

Am Ende sollte das Formular ungefähr wie folgt aussehen:

Lokalisierbares Formular mit TableLayoutPanel

Die vollständige Codeliste finden Sie unter Gewusst wie: Entwerfen eines Windows Forms-Layouts, das zur Lokalisierung gut geeignet ist.

Hinweis

Je nach den aktiven Einstellungen oder der verwendeten Version können die angezeigten Dialogfelder und Menübefehle von den in der Hilfe beschriebenen abweichen. Klicken Sie im Menü Extras auf Einstellungen importieren und exportieren, um die Einstellungen zu ändern. Weitere Informationen finden Sie unter Visual Studio-Einstellungen.

Vorbereitungsmaßnahmen

Für die Durchführung dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

Ausreichende Berechtigungen zum Erstellen und Ausführen von Windows Forms-Anwendungsprojekten auf dem Computer, auf dem Visual Studio installiert ist.

Erstellen des Projekts

Zunächst muss das Anwendungsprojekt erstellt werden. Mit diesem Projekt erstellen Sie die Anwendung, die das Dateneingabeformular enthält.

So erstellen Sie das Projekt

Erstellen Sie ein Windows-Anwendungsprojekt mit dem Namen DemoLocalizableForm. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines Windows-Anwendungsprojekts.

Beibehalten der vertikalen Ausrichtung

Sie können die vertikale Ausrichtung von Steuerelementen beibehalten, wenn sich deren Inhalt ändert, indem Sie die AutoSize-Eigenschaft und Anchor-Eigenschaft zusammen mit dem TableLayoutPanel-Steuerelement verwenden.

So verwenden Sie die automatische Größenanpassung

Ziehen Sie ein TableLayoutPanel-Steuerelement aus der Toolbox auf das Formular. Legen Sie den Wert der RowCount-Eigenschaft auf 1 fest. Legen Sie den Wert der AutoSize-Eigenschaft auf true fest. Passen Sie die Größe des TableLayoutPanel-Steuerelements an, sodass es in etwa die Hälfte des Formulars einnimmt.
Ziehen Sie ein Panel-Steuerelement aus der Toolbox in die leere Zelle des TableLayoutPanel-Steuerelements.
Ziehen Sie ein Button-Steuerelement aus der Toolbox in das Panel-Steuerelement. Platzieren Sie es in der linken oberen Ecke des Panel-Steuerelements.
Ziehen Sie zwei weitere Button-Steuerelemente aus der Toolbox in das Panel-Steuerelement. Positionieren Sie sie unter dem ersten Button-Steuerelement. Verwenden Sie Ausrichtungslinien, um sie vertikal auszurichten und in gleichmäßigem Abstand zu positionieren. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Anordnen von Steuerelementen in Windows Forms mithilfe von Ausrichtungslinien.
Legen Sie den Wert der AutoSize-Eigenschaft für alle drei Button-Steuerelemente auf true fest.
Legen Sie den Wert der AutoSize-Eigenschaft des Panel-Steuerelements auf true und den Wert der AutoSizeMode-Eigenschaft auf GrowAndShrink fest. Hinweis Der Bereich wird so angepasst wird, dass er alle drei Button-Steuerelemente umgibt.
Wählen Sie das TableLayoutPanel-Steuerelement aus, und öffnen Sie das Dialogfeld Spalten- und Zeilenstile. Weitere Informationen finden Sie unter Gewusst wie: Bearbeiten von Zeilen und Spalten in einem TableLayoutPanel-Steuerelement.
Wählen Sie Column1 aus, und ändern Sie den Wert der SizeType-Eigenschaft in AutoSize. Klicken Sie auf die Schaltfläche OK, um die Änderungen zu übernehmen. Hinweis Die Zellenbreite wird an die Breite des Panel-Steuerelements angepasst.
Ändern Sie den Wert der Anchor-Eigenschaft für alle drei Button-Steuerelemente in Left,Right.
Ändern Sie den Wert der Text-Eigenschaft des ersten Button-Steuerelements in eine lange Zeichenfolge, z. B. "This is a long string to demonstrate a localizable form". Hinweis Alle drei Button-Steuerelemente und die TableLayoutPanel-Zelle werden an die neue Zeichenfolgenlänge angepasst.

Aktivieren der proportionalen Größenanpassung

Sie können die Proportionen von Steuerelementen beibehalten, wenn sich deren Inhalt ändert, indem Sie die AutoSize-Eigenschaft und Anchor-Eigenschaft zusammen mit dem TableLayoutPanel-Steuerelement verwenden.

So aktivieren Sie die proportionale Größenanpassung

Ziehen Sie ein TableLayoutPanel-Steuerelement aus der Toolbox auf das Formular. Positionieren Sie es unter dem ersten TableLayoutPanel-Steuerelement.
Legen Sie den Wert der AutoSize-Eigenschaft des zweiten TableLayoutPanel-Steuerelements auf true fest. Legen Sie den Wert der ColumnCount-Eigenschaft auf 3 fest. Legen Sie den Wert der RowCount-Eigenschaft auf 1 fest. Legen Sie den Wert der Anchor-Eigenschaft des TableLayoutPanel-Steuerelements auf Right, Bottom fest.
Ziehen Sie drei Button-Steuerelemente aus der Toolbox in den TableLayoutPanel.
Ändern Sie den Wert der AutoSize-Eigenschaft für alle drei Button-Steuerelemente in true.
Ändern Sie den Wert der Anchor-Eigenschaft für alle drei Button-Steuerelemente in Left, Right.
Öffnen Sie das Dialogfeld Spalten- und Zeilenstile.
Wählen Sie alle drei Spalten aus, und ändern Sie die SizeType-Eigenschaft in Percent und den Prozentwert in 33. Klicken Sie auf die Schaltfläche OK, um die Änderungen zu übernehmen.
Ändern Sie den Wert der Text-Eigenschaft des ersten Button-Steuerelements in eine lange Zeichenfolge, z. B. "This is a long string to demonstrate a localizable form". Beachten Sie, dass alle Button-Steuerelemente an die neue Zeichenfolgenlänge angepasst werden. Beachten Sie außerdem, dass sich die Größe des TableLayoutPanel-Steuerelement ändert und seine Zellen proportional angepasst werden.

Nächste Schritte

Nachdem Sie nun wissen, wie lokalisierbare Formulare erstellt werden, sollten Sie ein dynamisches Layout implementieren, das sich proportional anpasst, wenn der Benutzer das Formular ändert. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen eines in der Größe veränderbaren Windows Forms für die Dateneingabe.

Siehe auch