「東雲 忠太郎」の平凡な日常のできごと

「東雲 忠太郎」の平凡な日常のできごと

2024.03.17
XML
カテゴリ: C#.NET


C# WPF で動的に TextBox を作成して画面に追加する方法を示します。以下の手順に従ってください。


1. **XAML ファイルでの準備**:

   まず、`Grid` などの適切なパネルを持つ XAML ファイルを用意します。ここでは、`Grid` を使用します。


```xml

<Window x:Class="DynamicTextBoxes.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Dynamic TextBoxes" Height="450" Width="800">

    <Grid x:Name="mainGrid">

        <!-- ここに動的に追加される TextBox が配置されます -->

    </Grid>

</Window>

```


2. **C# コードでの動的な TextBox の作成**:

   MainWindow.xaml.cs ファイルで、動的に TextBox を作成し、Grid に追加します。


```csharp

using System.Windows;

using System.Windows.Controls;


namespace DynamicTextBoxes

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();


            // TextBox を動的に作成し、Grid に追加

            AddTextBoxes();

        }


        private void AddTextBoxes()

        {

            // 任意の数の TextBox を作成し、Grid に追加

            for (int i = 0; i < 5; i++)

            {

                TextBox textBox = new TextBox();

                textBox.Name = "textBox" + i; // TextBox の名前を設定

                textBox.Text = "TextBox " + i; // 初期テキストを設定


                // Grid に TextBox を追加

                mainGrid.Children.Add(textBox);


                // Grid の配置設定を行う

                Grid.SetColumn(textBox, 0); // 列の設定

                Grid.SetRow(textBox, i);    // 行の設定

            }

        }

    }

}

```


これで、アプリケーションを実行すると、動的に作成された 5 つの TextBox が Grid 内に表示されます。`AddTextBoxes` メソッド内のループの条件を変更することで、必要な数の TextBox を追加できます。


注意点:

- 動的に作成された TextBox は、その名前に基づいてプログラム内で参照できます。

- Grid 内の配置を制御するために、`Grid.SetColumn` と `Grid.SetRow` メソッドを使用して TextBox を正しい位置に配置してください。






お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.03.17 11:31:28


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x

© Rakuten Group, Inc.
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: