根据用户输入创建多个文本框

Question

伙计们，

我正在使用 C# 在 UWP 中开发桌面应用程序。

我想根据用户输入创建未知文本框。

例如，假设我在 Page1 上有 TextBox 和 OkButton，用户必须在文本框中键入数字然后按下 OkButton。之后，应用程序将导航到另一个页面（我们称之为 第 2 页），该页面将包含与用户输入一样多的文本框。

例如，用户将在 Page1 上的文本框中键入 5，然后按下按钮，应用程序将导航至 Page2 它将包含 5 个文本框，准备好进行另一个输入

这是一个示例源代码

Page1.xaml

<Grid>
 <TextBox x:Name="UserInput" Margin="558,459,557,459" Header="UserInput"/>
 <Button x:Name="DoneButton" Height="29" Width="95" Margin="558,565,0,0" VerticalAlignment="Top" Content="Done" Click="DoneButton_Click"/> </Grid>

Page1.xaml.cs

public sealed partial class Page1 : Page
{
    public Page1()
    {
        this.InitializeComponent();
    }

    private void DoneButton_Click(object sender, RoutedEventArgs e)
    {
      (App.Current as App).UserInput =  Convert.ToInt32( UserInput.Text); // this will store userinput data in the global app variable
                                                                          // variable so I can work with that later
        this.Frame.Navigate(typeof(Page2));
    }

Page2.xaml

<Grid>
    <TextBlock Text="Here I want to create text boxes based on user input" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="30"/>
</Grid>

Page2.xaml.cs

 public sealed partial class Page2 : Page
{
    public Page2()
    {
        this.InitializeComponent();
    }

    public int UserInput = (App.Current as App).UserInput; //storing global app variable to work with it later

    //here I want to crate multiple text boxes
}

感谢大家的宝贵时间和回答。 :)

Answer 1

public void cr(int numberoftextboxes)
{
    int x = 10;  // < --your starting x coordinate(will stay the same if you want your textboxes stacked horizontally.
    int y = 10;  // < --your starting y coordinate
    int h = 20;  // < --textbox height
    int w = 100; // < --textbox width
    int s = 15;  // < --spacing

    for (int c = 0; c < numberoftextboxes; c++)
    {
        TextBox tb = new TextBox();
        tb.Name = "Your TextBox name";
        tb.Text = "Your TextBox Text";
        tb.Size = new Size(w, h);
        Page2.Controls.Add(tb);
        tb.Location = new Point(x, y);
        y = y + h + s;
    }
}

如果您通过单击按钮创建 Page2，则可以在 Page2 的构造函数中调用 cr()。

public sealed partial class Page2 : Page
{
    public Page2()
    {
        this.InitializeComponent();
        cr();
    }

    public int UserInput = (App.Current as App).UserInput; //storing global app variable to work with it later

    private void cr(int numberoftextboxes)
    ....
}

Answer 2

Creating multiple TextBoxes based on user input

你可以通过Navigate方法将page1的文本框数量传递给page2，然后在page2中生成匹配的文本框数量

例如

第1页

<StackPanel Orientation="Vertical">
    <TextBox x:Name="Number" />
    <Button
        x:Name="MyBtn"
        Click="Button_Click"
        Content="Generate" />
</StackPanel>

.......

private void Button_Click(object sender, RoutedEventArgs e)
{
    Frame.Navigate(typeof(AddPage), Number.Text);
}

第2页

<StackPanel x:Name="RootLayout" Orientation="Vertical" />

......

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    if (e.Parameter != null && e.Parameter.ToString() != string.Empty)
    {
        var count = Convert.ToInt32(e.Parameter);
      
        for (int i = 0; i < count; i++)
        {
            var textbox = new TextBox();
            textbox.Margin = new Thickness(0, 0, 15, 0);
            RootLayout.Children.Add(textbox);
           
        }
      
    }

}

根据用户输入创建多个文本框

Creating multiple TextBoxes based on user input

c#

xaml

textbox

user-input

uwp