方法: 自動レイアウトを使用してボタンを作成する

この例では、自動レイアウト アプローチを使用して、ローカライズ可能なアプリケーションでボタンを作成する方法について説明します。

ユーザー インターフェイス (UI) のローカライズには時間がかかる場合があります。 多くの場合、ローカライザーは、テキストの翻訳に加えて、要素のサイズと位置を変更する必要があります。 以前は、UI を各言語に適応させるために調整が必要でした。 Windows Presentation Foundation (WPF) の機能を使用して、調整の必要性を減らす要素を設計できるようになりました。 より簡単にサイズ変更および再配置できるアプリケーションを記述する方法は、 automatic layoutと呼ばれます。

例

次の 2 つの拡張アプリケーション マークアップ言語 (XAML) の例では、ボタンをインスタンス化するアプリケーションを作成します。1 つは英語のテキスト、1 つはスペイン語のテキストです。 コードはテキストを除いて同じであることに注意してください。ボタンがテキストに合わせて調整されます。

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://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="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://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>

次の図は、自動サイズ変更可能なボタンを含むコード サンプルの出力を示しています。

こちらも参照ください

• 自動レイアウトの使用の概要
• グリッドを使用した自動レイアウト