Привязка значения Height или ActualHeight от TextBox в соответствующей параметр прямоугольника

@iplat · Регистрация: 19.02.2021

Студворк — интернет-сервис помощи студентам

Подскажите, пожалуйста, что не так в решении глупейшей задачи по WPF

Коллеги, понимаю, что задача глупейшая, но сломал мозги, а решить не могу. Помогите, пожалуйста!
Необходимо получить, то что на скриншоте.
XAML, которым пытаюсь получить это:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<Window x:Class="chessdesk_canvas.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:chessdesk_canvas"
        mc:Ignorable="d"
        Title="Window1" Height="450" Width="800">
    <StackPanel Orientation="Horizontal">
        <StackPanel>
            <TextBox Name="tb1" Text="string 1"/>
            <TextBox Name="tb2" Text="string 2"/>
            <TextBox Name="tb3" Text="string 3"/>
        </StackPanel>
        <StackPanel >
            <Rectangle Fill="Aqua">
                <Rectangle.Height>
                    <Binding Path="Height" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBlock}}"/>
                </Rectangle.Height>
                <Rectangle.Width>
                    <Binding Path="Width" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}"/>
                </Rectangle.Width>
            </Rectangle>
            <Rectangle Fill="Green" >
                    <Rectangle.Height>
                        <Binding Path="Height" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBlock}}"/>
                    </Rectangle.Height>
                    <Rectangle.Width>
                        <Binding Path="Width" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}"/>
                    </Rectangle.Width>
                </Rectangle>
                <Rectangle Fill="LightCoral">
                <Rectangle.Height>
                    <Binding Path="Height" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBlock}}"/>
                </Rectangle.Height>
                <Rectangle.Width>
                    <Binding Path="Width" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}"/>
                </Rectangle.Width>
            </Rectangle>
        </StackPanel>
    </StackPanel>
</Window>

Не получается... Что не так?

@limeniye · 28.06.2022, 20:36

Вы сказали

Сообщение от iplat

Их количество не и длина не известны заранее

Для теста добавлю кнопку:

C#
1
2
3
4
5
        private readonly static Random random = new Random();
        private void OnAddClicked(object sender, RoutedEventArgs e)
        {
            Students.Add(new Student { Name = random.Next(0, 5_000_000).ToString() });
        }

Привязка значения Height или ActualHeight от TextBox в соответствующей параметр прямоугольника

@iplat · 28.06.2022, 20:40 **[ТС]**

Сообщение от limeniye

Вы сказали

Для теста добавлю кнопку:

C#
1
2
3
4
5
        private readonly static Random random = new Random();
        private void OnAddClicked(object sender, RoutedEventArgs e)
        {
            Students.Add(new Student { Name = random.Next(0, 5_000_000).ToString() });
        }

Вложение 1354027

Я же описал задачу (20:17):

Итак, имеется некоторое количество (большое) приборов (каждый прибор - название), которые с случайные момент времени дают данные. Прямоугольники - отображение данных во времени. Цвет, пусть отражение величины по принципу меньше значения границы диапазона, в диапазоне, больше значения границы диапазона. Нет значения - прямоугольника нет (т.е. прямоугольников может быть ного, но это не важно) Важно, что высота прямоeгольника = высоте TextBox.

@Элд Хасп · 28.06.2022, 20:45

Сообщение от iplat

Собрать все это в коллекцию и вывести разом можно, конечно, но сильно меняет логику.

Если делать два разных списка, то придётся придумывать хитрейшие "танцы с бубном" по извлечению индекса прямоугольника и потом привязке этого прямоугольника к textBlock через его индекс в другом списке.
Сделать это в XAM, я думаю, и вовсе невозможно.
Можно поколдовать на Шарпе в View, но возникает вопрос зачем?
Если всё это гораздо проще можно сделать в VM и по функционалу это должно делаться в VM.

@iplat · 28.06.2022, 20:48 **[ТС]**

Сообщение от Элд Хасп

Если делать два разных списка, то придётся придумывать хитрейшие "танцы с бубном" по извлечению индекса прямоугольника и потом привязке этого прямоугольника к textBlock через его индекс в другом списке.
Сделать это в XAM, я думаю, и вовсе невозможно.
Можно поколдовать на Шарпе в View, но возникает вопрос зачем?
Если всё это гораздо проще можно сделать в VM и по функционалу это должно делаться в VM.

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

@Элд Хасп · 28.06.2022, 20:48

Сообщение от iplat

Я же описал задачу (20:17):

По этой задаче вам нужно сделать сначала элемент для одной строки в свойствах которого будут все необхоимые для визуализации данные: текст и данные для прямоугольника.
Создать коллекцию этих элементов.
После чего её очень просто будет визуализировать.

@iplat · 28.06.2022, 20:50 **[ТС]**

Сообщение от Элд Хасп

По этой задаче вам нужно сделать сначала элемент для одной строки в свойствах которого будут все необхоимые для визуализации данные: текст и данные для прямоугольника.
Создать коллекцию этих элементов.
После чего её очень просто будет визуализировать.

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

@Элд Хасп · 28.06.2022, 20:50

Сообщение от iplat

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

Он не разнородные.
Строка у вас представляет какой-то прибор.
И вся информация по этому прибору должна быть собрана в одном объекте.
Так работает не только WPF, в всё ООП в целом.

Новые блоги и статьи Все статьи Все блоги /
Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .
Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .	мат медиц модель 30. презентация проекта anaschu 27.08.2026 хоп хоп хоп хидахоп, а я кладую))	Как у меня протекала болезнь zorxor 27.08.2026 Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .