チュートリアル : ローカライズの際に均等に調整されるレイアウトの作成
更新 : 2007 年 11 月
ローカライズが可能なフォームを作成すると、各国市場向けの開発期間が大幅に短縮されます。
このチュートリアルでは、表示される文字列値を他の言語に翻訳するときに均等に調整されるレイアウトを作成する方法について説明します。この翻訳のプロセスは、ローカリゼーションと呼ばれます。詳細については、「アプリケーションのローカライズ」を参照してください。完成した Windows フォームをローカライズする方法については、「チュートリアル : Windows フォームのローカリゼーション」を参照してください。
このチュートリアルでは、以下のタスクを行います。
プロジェクトの作成
垂直方向の配置の維持
均等なサイズ変更の有効化
完成したフォームは次のようになります。
完全なコードの一覧については、「方法 : ローカリゼーションに対応した 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 フォーム上のコントロールの配置」を参照してください。
Panel コントロールの AutoSize プロパティの値を true に設定し、AutoSizeMode プロパティの値を GrowAndShrink に設定します。メモ 3 つの Button コントロールをすべて囲むようにパネルのサイズが変更されます。
TableLayoutPanel コントロールを選択し、[列と行のスタイル] ダイアログ ボックスを開きます。詳細については、「方法 : TableLayoutPanel コントロールの列と行を編集する」を参照してください。
[Column1] を選択し、SizeType プロパティの値を AutoSize に変更します。[OK] をクリックして、変更を適用します。メモ セルの幅が Panel コントロールの幅に合わせて変更されます。
最初の 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 つの列をすべて選択し、SizeType プロパティを Percent に変更して、割合の値を 33 に変更します。[OK] をクリックして、変更を適用します。
最初の Button コントロールの Text プロパティの値を、"This is a long string to demonstrate a localizable form." のような長い文字列に変更します。新しい文字列の長さに合わせて、Button コントロールのサイズがすべて変更されます。また、TableLayoutPanel コントロールのサイズが変更され、そのセルのサイズが均等に変更されることにも注意してください。
次の手順
これで、ローカライズ可能なフォームを作成できるようになりました。次は、ユーザーがフォームのサイズを変更すると均等に調整される動的なレイアウトの実装を検討してください。詳細については、「チュートリアル : データ入力用のサイズ変更可能な Windows フォームの作成」を参照してください。
参照
処理手順
チュートリアル : TableLayoutPanel を使用した Windows フォーム上のコントロールの配置
チュートリアル : FlowLayoutPanel を使用した Windows フォーム上のコントロールの配置
チュートリアル : Padding、Margin、および AutoSize プロパティを使用した Windows フォーム コントロールのレイアウト
方法 : AutoSize と TableLayoutPanel コントロールを使用して Windows フォームのローカリゼーションをサポートする
チュートリアル : Windows フォーム コントロールのスマート タグを使用した共通タスクの実行
チュートリアル : データ入力用のサイズ変更可能な Windows フォームの作成