如何:使用自动布局创建按钮

更新:2007 年 11 月

此示例描述如何使用自动布局方法在可本地化的应用程序中创建按钮。

用户界面 (UI) 的本地化是一个很耗时的过程。通常,本地化人员除了需要翻译文本之外,还需要调整元素的大小并重新定位元素。过去,要针对任何一种语言改编 UI 都需要进行调整。现在,使用 Windows Presentation Foundation (WPF) 的功能,您可以对元素进行设计以减少必需的调整工作。这种编写可以更方便地调整大小和重新定位的应用程序的方法称为 automatic layout。

以下两个可扩展应用程序标记语言 (XAML) 示例创建两个实例化按钮的应用程序;一个使用英文文本,另一个使用西班牙文本。请注意,除文本之外代码是相同的;将调整按钮使其适合文本。

示例

<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>

下图演示代码示例的输出。

可自动调整大小的按钮

具有不同语言的文本的同一按钮

说明:

有关从中摘录上述示例的完整示例,请参见可本地化的应用程序的自动布局示例

请参见

任务

如何:使用网格进行自动布局

概念

使用自动布局概述