チュートリアル : ローカライズの際に均等に調整されるレイアウトの作成

[アーティクル]
10/09/2014

ローカライズが可能なフォームを作成すると、各国市場向けの開発期間が大幅に短縮されます。

このチュートリアルでは、表示される文字列値を他の言語に翻訳するときに均等に調整されるレイアウトを作成する方法について説明します。この翻訳のプロセスは、ローカリゼーションと呼ばれます。詳細については、「アプリケーションのローカライズ」を参照してください。完成した Windows フォームをローカライズする方法については、「チュートリアル : Windows フォームのローカリゼーション」を参照してください。

このチュートリアルでは、以下のタスクを行います。

プロジェクトの作成
垂直方向の配置の維持
均等なサイズ変更の有効化

完成したフォームは次のようになります。

TableLayoutPanel を持つローカライズ可能なフォーム

完全なコードの一覧については、「方法 : ローカリゼーションに対応した Windows フォームレイアウトをデザインする」を参照してください。

注意

実際に画面に表示されるダイアログボックスとメニューコマンドは、アクティブな設定またはエディションによっては、ヘルプの説明と異なる場合があります。設定を変更するには、[ツール] メニューの [設定のインポートとエクスポート] をクリックします。詳細については、「Visual Studio の設定」を参照してください。

必須コンポーネント

このチュートリアルを完了するための要件は次のとおりです。

Visual Studio がインストールされているコンピューターで、Windows フォームアプリケーションプロジェクトを作成および実行するための十分なアクセス許可が付与されていること。

プロジェクトの作成

最初にアプリケーションプロジェクトを作成します。このプロジェクトを使用して、データ入力フォームを表示するアプリケーションを構築します。

プロジェクトを作成するには

DemoLocalizableForm という名前の Windows アプリケーションプロジェクトを作成します。詳細については、「方法: 新しい Windows フォームアプリケーションプロジェクトを作成する」を参照してください。

垂直方向の配置の維持

コントロールのコンテンツが、AutoSize プロパティおよび Anchor プロパティと共に TableLayoutPanel コントロールで変更されたときに、コントロールの垂直方向の配置を維持できます。

自動サイズ変更を使用するには

ツールボックスからフォームに、TableLayoutPanel コントロールをドラッグします。 RowCount プロパティの値を 1 に設定します。 AutoSize プロパティの値を true に設定します。フォームの約半分を占めるように TableLayoutPanel コントロールのサイズを調整します。
ツールボックスの Panel コントロールを TableLayoutPanel コントロールの左側のセルにドラッグします。
ツールボックスの Button コントロールを Panel コントロールにドラッグします。 Panel コントロールの左上隅に配置します。
ツールボックスからさらに 2 つの Button コントロールを Panel コントロールにドラッグします。これらのコントロールを最初の Button コントロールの下に配置します。スナップ線を使用して垂直方向に配置し、それぞれの間隔を均等にします。詳細については、「チュートリアル : スナップ線を使用した Windows フォーム上のコントロールの配置」を参照してください。
3 つのすべての Button コントロールで、AutoSize プロパティの値を true に設定します。
Panel コントロールの AutoSize プロパティの値を true に設定し、AutoSizeMode プロパティの値を GrowAndShrink に設定します。メモ 3 つの Button コントロールをすべて囲むようにパネルのサイズが変更されます。
TableLayoutPanel コントロールを選択し、[列と行のスタイル] ダイアログボックスを開きます。詳細については、「方法 : TableLayoutPanel コントロールの列と行を編集する」を参照してください。
[Column1] を選択し、SizeType プロパティの値を AutoSize に変更します。 [OK] をクリックして、変更を適用します。メモセルの幅が Panel コントロールの幅に合わせて変更されます。
3 つのすべての Button コントロールで、Anchor プロパティの値を Left,Right に変更します。
最初の Button コントロールの Text プロパティの値を、"This is a long string to demonstrate a localizable form." のような長い文字列に変更します。メモ 3 つのすべての Button コントロールと TableLayoutPanel セルのサイズが、新しい文字列の長さに合わせて変更されます。

均等なサイズ変更の有効化

コントロールのコンテンツが、AutoSize プロパティおよび Anchor プロパティと共に TableLayoutPanel コントロールで変更されたときに、コントロールの比率を維持できます。

均等なサイズ変更を有効にするには

ツールボックスからフォームに、TableLayoutPanel コントロールをドラッグします。これを最初の TableLayoutPanel コントロールの下に配置します。
2 番目の TableLayoutPanel コントロールの AutoSize プロパティの値を true に設定します。 ColumnCount プロパティの値を 3 に設定します。 RowCount プロパティの値を 1 に設定します。 TableLayoutPanel コントロールの Anchor プロパティの値を Right、Bottom に設定します。
ツールボックスから 3 つの Button コントロールを TableLayoutPanel にドラッグします。
3 つのすべての Button コントロールで、AutoSize プロパティの値を true に変更します。
3 つのすべての Button コントロールで、Anchor プロパティの値を Left、Right に変更します。
[列と行のスタイル] ダイアログボックスを開きます。
3 つの列をすべて選択し、SizeType プロパティを Percent に変更して、割合の値を 33 に変更します。 [OK] をクリックして、変更を適用します。
最初の Button コントロールの Text プロパティの値を、"This is a long string to demonstrate a localizable form." のような長い文字列に変更します。新しい文字列の長さに合わせて、Button コントロールのサイズがすべて変更されます。また、TableLayoutPanel コントロールのサイズが変更され、そのセルのサイズが均等に変更されることにも注意してください。