Как поместить XAML элементы в C# массив, чрез цикл?

Question

[vagitaku]

Есть такая WPF страница:

<Grid Background="White" Margin="0,0,0,-628">
        <ScrollViewer VerticalAlignment="Top" x:Name="LeftScroll"  CanContentScroll="False"  HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Visible">
        <StackPanel Height="3500" x:Name="LeftStackPanel">
            <DockPanel>
                <Label Content="Дата рождения" HorizontalAlignment="Left"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Margin="20,0,0,0">
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_1" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_2" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10,0,0,0">
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_3" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_4" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="10,0,0,0">
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_5" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_6" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_7" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFourth_8" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                </StackPanel>
            </DockPanel>
        </StackPanel>
        </ScrollViewer>

    </Grid>

И так я пытаюсь поместить все TextBox'ы, которые есть на странице:

private TextBox[] birthDateTB;
        private ScrollViewer leftScrool;

        public HiringPage()
        {

            InitializeComponent();
            foreach (object child in LeftStackPanel.Children)
            {
                if (child.GetType().Equals(typeof(DockPanel)) || child.GetType().Equals(typeof(StackPanel))) //а тут я не знаю, что делать. Мне это все кажется крайне костыльным. Или я иду в правильном направлении? 
                {
                    foreach (object child2 in child2.Children)
                    {
                        if (child.GetType().Equals(typeof(TextBox)))
                        {

                            if (child.GetType().GetProperty("Name").GetValue(child, null).ToString().Contains("TwentyFourth"))
                            {
                                birthDateTB[birthDateTB.Length] = child as TextBox;
                            }
                        }
                    }
                }

                if (child.GetType().Equals(typeof( TextBox)))// этот способ не работает так как, так как нет заходит в DockPanel или StackPanel
                {

                    if (child.GetType().GetProperty("Name").GetValue(child, null).ToString().Contains("TwentyFourth"))
                    {
                        birthDateTB[birthDateTB.Length] = child as TextBox;
                    }
                }
            }
            MessageBox.Show(birthDateTB.Length.ToString());
        }

Заносить все в массив по имени не вариант, так как у меня больше трехсот TextBox`ов.

Все ТекстБоксы разделены на группы по имени (x:Name). Например:

<DockPanel>
                <TextBlock TextWrapping="Wrap" Text="Документ, удостоверяющий личность:" HorizontalAlignment="Left" Width="150"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_1" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>

                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_2" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_3" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_4" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_5" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_6" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_7" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_8" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_9" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_TwentyFifth_10" Width="20" HorizontalAlignment="Left" 
                </StackPanel>
            </DockPanel>

- эту группу определеяет имя "TwentyFifth".
Есть еще такой например:

<DockPanel>
                <TextBlock TextWrapping="Wrap" HorizontalAlignment="Left" Text="Отчество (при наличии)" Width="79"/>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_1" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>

                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_2" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_3" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_4" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_5" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_6" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_7" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_8" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_9" Width="20" HorizontalAlignment="Left" Foreground="Black" BorderThickness="1" BorderBrush="Black" Height="23" Background="{x:Null}" Margin="1,0,0,0"/>
                    <TextBox IsReadOnly="True" Text="" x:Name="TB_Twentieth_10" Width="20" HorizontalAlignment="Left" 
                </StackPanel>
            </DockPanel>

тут общее - "Twentieth".
Мне нужны в C# массивы с каждым элементом группы.
Например массив private TextBox[] TwentiethTB должен иметь ссылки на все xaml элементы где в имени (x:Name) присутствует "Twentieth", массив TwentyFifth должен иметь ссылки на все элементы, где в имени попадается "TwentyFifth" и так далее.

Comments

[Foggy Finder]

Мне кажется вы выбрали в корне неверный подход. У вас есть возможность подробнее описать что вы хотите сделать?

[vagitaku]

Foggy Finder, обновил вопрос.

[Foggy Finder]

vagitaku, ох, вы меня не так поняли. Я имел ввиду добавить больше общего описания приложения.

Пока не уверен что вы хотите сделать не могу утверждать наверняка, но, на мой взгляд, вам нужно попробовать применить MVVM. Для каждой "группы" создайте отдельную VM и тогда управлять данными будет намного проще.

[vagitaku]

Foggy Finder, окно разделено на две части. Справа инпуты для ввода, а слева то что ввел пользователь.
Но слева текст боксы складывается из квадратиков, где для каждого символа отдельный квадратик.
Вот -
То есть пользователь вводит текст в правой части страницы, а слева заполнятся левая часть, но по квадратику для каждого символа.
Как это сделать я примерно представляю, но для этого нужно иметь ссылки для каждого текст-бокса, чего у меня сделать пока не получается.

[Foggy Finder]

vagitaku, остановитесь, не продолжайте идти тем путем который выбрали.

Вам нужно использовать MVVM - привязать текст из TextBox в правой части к строке и её-же затем привязать к качестве источника привязки для ItemsControl.

Код смогу написать завтра ближе к обеду, раньше вряд-ли получится. Возможно кто-то поможет раньше, но тут буквально несколько строк всего потребуется.

[vagitaku]

Foggy Finder, Спасибо. Сейчас попробую. Но мне потом все равно прийдется работать с квадратиками. Только брать символ из каждого квадрата из левой части страницы и переносить в каждый квадрат .docx файла.

[Foggy Finder]

vagitaku, ответ написал, если не все понятно - спрашивайте, буду дополнять объяснениями. При формировании docx - отчета вы все равно должны работать с текстом (строкой), а не с квадратиками (текстовыми полями).

Answer 1

[Foggy Finder]

Сложность в реализации связана с выбранным вами подходом. Нужно работать с данными, а не с элементами управления.

В вашем случае вы ожидаете от пользователя ввод какого-то текста.
Каждому текстовому полю с правой стороны отвечает одно свойство. Для примера рассмотрим случаи наличия только одного поля для ввода. Назовем его Greeting.

Для начала определим XAML разметку:

<TextBox Text="{Binding Greeting, UpdateSourceTrigger=PropertyChanged}"
         TextWrapping="Wrap" />

UpdateSourceTrigger=PropertyChanged означает что вы хотите изменять свойство Greeting всякий раз когда пользователь меняет что-то в текстовом поле.

Теперь нужно определить класс который будет отвечать за хранения и обработку данных, назовем его SimpleVM:

public class SimpleVM : INotifyPropertyChanged
{
    private string greeting;

    public string Greeting
    {
        get { return greeting; }
        set
        {
            greeting = value;
            OnPropertyChanged(nameof(Greeting));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    public void OnPropertyChanged([CallerMemberName]string prop = "")
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(prop));
    }
}

Интерфейс INotifyPropertyChanged необходим для того чтобы оповещать всех интересующихся об изменениях значений в свойстве объекта. В роли интересующегося здесь у нас выступает интерфейс. Всякий раз когда вы будете изменять свойство Greeting графический интерфейс будет обновлять свое представление.

Осталось отобразить вводимое слово в виде квадратиков. Для этого прекрасно подойдет ItemsControl:

<ItemsControl Grid.Column="0" ItemsSource="{Binding Greeting}" >
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBox IsReadOnly="True" Text="{Binding .}" 
                     Width="20" Foreground="Black" 
                     BorderThickness="1" BorderBrush="Black" Height="23" 
                     Background="{x:Null}" Margin="1, 3" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

И не забываем установить DataContext, для начала можно в конструкторе главного окна:

public MainWindow()
{
    InitializeComponent();
    DataContext = new SimpleVM();
}

Когда вы станет познакомитесь с MVVM немного больше вы сможете устанавливать контекст снаружи окна (как это обычно и делается).

А пока результат получается следующим:

Comments

[vagitaku]

Спасибо больше. Этот способ намного круче. А чтобы количество блоков было не динамическими, а статическим нужно и xaml и SimpleVM модернизировать код, или только в чем-то одном?
Не совсем понятно как эти квадратики заполняются, именно в плане SimpleVM. Поставил точку остановки и вот, что увидел:
gif
Не понимаю как это работает, так как не увидел переменной с одним конкретным символом. А оно же по символу все вставляется? Если не иметь доступ к каждому символу строки, то возможно ли заполнения блоков со статическим количеством?

[Foggy Finder]

А чтобы количество блоков было не динамическими, а статическим нужно и xaml и SimpleVM модернизировать код, или только в чем-то одном?

vagitaku, зависит от того что нужно получить:

Если количество символов известно, то можно заранее создать пустой массив типа char[] определенной длины и заполнять(обновлять) его при необходимости. Можно и со строкой работать, но такой способ будет проигрывать по производительности. То есть изменить нужно будет VM, а XAML оставить тем-же если отображение устраивает.

Можно изменить способ отображения - поменять панель на другую. Не всегда возможностей стандартных достаточно и приходится писать собственную. В вашем случае я бы использовал первый подход.

Не понимаю как это работает, так как не увидел переменной с одним конкретным символом.

строка это список символов (char), вы можете получать доступ к конкретному символу через индексацию:

string test = "Test";
char t = test[0]; // 'T';

но в .NET строки неизменяемые и вы не сможете изменить уже существующую, а только создать новую.

[vagitaku]

Foggy Finder, количество известно. Попробовал первый способ. Когда я при инициализации страницы заполняю все пробелами, то и в правом textBox так же пробелы стоят и если их начать удалять то и левые текстбоксы удаляются.

HiringPage.xaml.cs:

public HiringPage()
        {
            InitializeComponent();
            HiringVM hiringVM = new HiringVM();            
            DataContext = hiringVM;
            hiringVM.FillNotficationTables();
        }

hiringVM.cs:

public void FillNotficationTables()
        {
            for (int i = 0; i < 68; i++)
            {
                    notficationIn += " ";                   
            }            
        }

Я примерно понимаю почему это происходит. Может все таки в xaml нужно прописать каждый блок? Если это обратно вернет меня к моему варианту реализации?

Если бы не пробелы в правом текстбоксе, то еще можно было бы какой-то костыль написать, а так даже не знаю. Все к этому текстбоксу привязано.

[Foggy Finder]

Когда я при инициализации страницы заполняю все пробелами, то и в правом textBox так же пробелы стоят и если их начать удалять то и левые текстбоксы удаляются.

vagitaku, вы не совсем правильно меня поняли, напишу поподробнее.

Что есть таблица с квадратами это обычно представление строки с фиксированной длиной, поэтому каждый раз когда пользователь меняет текст дополняем нужным количеством пробелов:

value + new string(' ', Length - value.Length);

Можно использовать конвертер значений :

public class StringWithFixedLengthConverter : IValueConverter
    {
        public int Length { get; set; }
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is string str)
                return str + new string(' ', Length - str.Length);

            return new string(' ', Length);
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

и тогда в xaml определяем ресурс:

<Window.Resources>
        <local:StringWithFixedLengthConverter x:Key="s40" Length="40" />
    </Window.Resources>

и указываем учет конвертера в привязке:

ItemsSource="{Binding Greeting, Converter={StaticResource s40}}"

Минус такого подхода - если в дальнейшем нужно знать количество символов, то их число все равно придется сохранять в VM. Поэтому альтернативный конвертеру вариант - определить дополнительное свойство в VM:

public string Greeting
        {
            get { return greeting; }
            set
            {
                greeting = value;
                Data = value + new string(' ', Length - value.Length);
                OnPropertyChanged(nameof(Data));
            }
        }

        public string Data { get; private set; }
        public int Length { get; }
        public SimpleVM(int length)
        {
            Data = new string(' ', length);
            Length = length;
        }

и тогда привязывать ItemsSource к Data.

Как видите здесь есть четкое отделение задачи представления. Теперь вносить изменения намного проще чем если бы была сильная связанность между UI и "бизнес-логикой".

[vagitaku]

Foggy Finder, большое спасибо.