Avalonia (отображение списка строк)

@Sun1212 · Регистрация: 12.12.2021

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

Здравствуйте! Подскажите, пожалуйста, в каком элементе управления в Авалонии лучше выводить список строк, чтобы потом можно было выделить какие-то строки и скопировать их, например, в Excel? Заранее спасибо!

@limeniye · 03.02.2022, 11:58

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

В формате это не возможно.

В формате это невозможно, но я добавил пробелы тут через высчитывание самого длинного слова в "колонке" учитывая сам Header -- получилось криво.

Добавлено через 1 минуту

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

можно сделать 3 TextBlock'a( как три колонки ). По идее, если растягивается один, растягиваются и остальные.

этот вариант ещё не пробовал.

@Элд Хасп · 03.02.2022, 11:59

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

XML
1
<TextBlock Text = "{Binding UserName, StringFormat='{}   {0}   {1}   {2} '}}" />

Вот этого тоже не понял.
А к чему будут применяться индексы 1,2,3?
Ведь входное значение только одно что с конвертером, что без него.....

@limeniye · 03.02.2022, 12:00

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

Ведь входное значение только одно что с конвертером, что без него.....

это к кому вопрос? Ко мне? Я и не говорил, что оно будет работать. Я лишь после Binding добавил свойство.

Было так:

XML
1
<TextBlock Text = "{Binding StringFormat='{}   {0}   {1}   {2} '}}" />

@Элд Хасп · 03.02.2022, 12:06

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

В формате это невозможно, но я добавил пробелы тут через высчитывание самого длинного слова в "колонке" учитывая сам Header -- получилось криво.

Потому, что в WPF это надо решать через замену шаблона элемента.
Там должен быть Grid, который в контекст принимает массив значений, и в каждой его клонке выводится значение с соответствующим индексом.
Что-то в подобном духе:

XML
1
2
3
4
5
6
7
8
9
<Grid x:Name="grid">
    <Grid DataContext="{Binding DataContext, ElementName=grid, Converter={SplitConverter}}">
     <!-- Здесь объявление колонок -->
     
    <!-- И потом привязка по индексам  -->
        <TextBlock Grid.Collumn="0" Text="{Binding [0]}"/>
        <TextBlock Grid.Collumn="1" Text="{Binding [1]}"/>
    </Grid>
</Grid>

@limeniye · 03.02.2022, 12:08

Элд Хасп, как вариант

@Элд Хасп · 03.02.2022, 12:11

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

Ко мне? Я и не говорил, что оно будет работать. Я лишь после Binding добавил свойство.

К вам как к более знающему.
К ТС какой смысл вопросы задавать?
Ему надо разъяснять как правильно, а не интересоваться у него этим.
Видно же, что даже по самым азам "плавает" и не только WPF, но и Шарпа.

Добавлено через 2 минуты

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

как вариант

Другой вариант - использование в конвертере вместо пробелов, табуляции.
Но это тоже не всегда даст требуемый результат.
Самый надёжный - это через сплит и отдельный вывод каждого значения.

@limeniye · 03.02.2022, 12:13

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

Самый надёжный - это через сплит и отдельный вывод каждого значения.

сколько символов -- столько текстблоков?

@Элд Хасп · 03.02.2022, 12:16

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

сколько символов -- столько текстблоков?

Не символов, а значений которые нужно позиционировать.
В задаче ТС - это три значения.
Если их очень много (больше 5-10), то можно использовать вложенный ItemsControl.

@limeniye · 03.02.2022, 19:53

Sun1212, окей если Вас устроит по-простому, то можно просто сделать 3 текстблока и задать каждому из них фиксированное значение, например 100 пикселей по ширине.

Для этого я создал ItemTemplate -- то есть стиль каждого элемента в списке. Стиль содержит три текстблока по горизонтале.

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
                    <ListBox Grid.Row="1" Items="{Binding Items}" SelectedItems="{Binding SelectedItems}" SelectionMode="Multiple">
                        <ListBox.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Copy" Command="{Binding CopySelectedItems}" />
                            </ContextMenu>
                        </ListBox.ContextMenu>
 
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Background="Red">
                                    <TextBlock Text="{Binding Number}" Width="100"/>
                                    <TextBlock Text="{Binding Name}"  Width="100"/>
                                    <TextBlock Text="{Binding Value}" Width="100"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>

В таком случае код немного изменится.
Теперь вместо string будем использовать свой тип Document, это нужно для того, чтобы мы всегда знали где у "Леонардо ди сер Пьеро да Винчи" имя, фамилия и отчество, грубо говоря. То есть мы будем держать значения не в одной строке, а в трёх разных.

C#
1
2
3
4
5
6
7
8
9
10
11
    public class Document
    {
        public string Number { get; set; }
        public string Name { get; set; }
        public string Value { get; set; }
 
        public override string ToString()
        {
            return Number + " " + Name + " " + Value;
        }
    }

C#
1
2
3
4
5
6
7
        public ObservableCollection<Document> Items { get; set; } = new ObservableCollection<Document>()
        {
            new Document { Number = "Номер", Name = "Название", Value = "Значение"},
            new Document { Number = "0.01", Name = "A1", Value = "2.1e+002"},
            new Document { Number = "0.02", Name = "A2", Value = "2.1e+003"},
            new Document { Number = "0.03", Name = "A3", Value = "2.3e+004"}
        };

Теперь, когда пользователь выделяет какой-то элемент, его нужно преобразовать в строку(чтобы отобразить в нижнем TextBox'е).
Для этого у типа Document есть переопределение метода ToString().
Мы берём каждое свойство этого объекта и преобразовываем в одну строку
return Number + " " + Name + " " + Value; -- в этой вот строке.

Теперь нужно подставить преобразование для каждого объекта сюды:

C#
1
2
3
4
5
            _selectedItemsAsText = SelectedItems
                .ToObservableChangeSet()
                .ToCollection()
                .Select(x => string.Join(" ", x.Select(objToString => objToString.ToString())))
                .ToProperty(this, x => x.SelectedItemsAsText);

Добавлено через 1 минуту
Но можно сделать ещё немного по-другому. Можно высчитать размер самого длинного TextBlock'a и каждому из них задать его размер.

@Элд Хасп · 03.02.2022, 22:53

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

Но можно сделать ещё немного по-другому. Можно высчитать размер самого длинного TextBlock'a и каждому из них задать его размер.

Ну, можно ещё исполльзовать и размерные группы.
Правда не могу точно сказать будут ли они работать в столь сложной компоновке.

Но, честно говоря, мне всё это кажется всё более и более бессмысленным.
По сути сделали свой DataGrid или ListView.
Так почему бы сразу ими и не воспользоваться?

@limeniye · 03.02.2022, 22:58

Элд Хасп, там в начале темы было написано, что должно быть именно в списке, одной колонкой. Потом оказалось что это три колонки в одной. Я предложил вариант с DataGrid — как я понял, он был одобрен, но потом я вспомнил, что нужно по нажатию на одну ячейку — выделять строку, чтобы её перенести в нижний текстбокс и мне показалось, что изменять придётся полностью всё, я решил закончить, что есть.

@limeniye · 03.02.2022, 23:10

Не то, чтобы мне лень

но это курсовая, я не думаю что там обязательно делать всё идеально.

@Sun1212 · 04.02.2022, 11:19 **[ТС]**

limeniye, спасибо большое!
Можно дилетанский вопрос, у меня вся информация попадает в одну колонку, хотя делаю Grid с разбиением на столбцы... Что делаю не так?

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<Grid RowDefinitions ="*,*" ColumnDefinitions="*,*,*">
    <ListBox Grid.Row="0" Items="{Binding Items}" SelectedItems="{Binding SelectedItems}" SelectionMode="Multiple">
                        <ListBox.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="Copy" Command="{Binding CopySelectedItems}" />
                            </ContextMenu>
                        </ListBox.ContextMenu>
 
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Background="Red">
                                    <TextBlock Grid.Column="0" Text="{Binding Number}" Width="100"/>
                                    <TextBlock Grid.Column="1" Text="{Binding Name}"  Width="100"/>
                                    <TextBlock Grid.Column="2" Text="{Binding Value}" Width="100"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox> 
</Grid>

Добавлено через 4 минуты

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

Теперь, когда пользователь выделяет какой-то элемент, его нужно преобразовать в строку(чтобы отобразить в нижнем TextBox'е).
Для этого у типа Document есть переопределение метода ToString().
Мы берём каждое свойство этого объекта и преобразовываем в одну строку

Скажите, пожалуйста, хотелось бы, чтобы пользователь мог выделить несколько строк и скопировать их, например, в Excel в таком же виде (чтобы всё не объединилось в одну строку)? Как такое сделать? Заранее спасибо!

@limeniye · 04.02.2022, 11:46

Вы выделили в гриде два ряда — Grid.RowDefinitions = "*, *" и три колонки ColumnDefinitions="*, *, *".

А лист бокс Вы поместили в первый ряд, первую колонку.
Grid.Row="0" — это значение по умолчанию, его необязательно писать. Следовательно если Вы не указываете Grid.Column, то он тоже имеет значение 0 — то есть первая колонка.
Укажите значение Grid.Column="1", чтобы переместить Ваш список во вторую колонку (отсчёт с нуля, не забывайте), или, если Вы хотите например переместить его сразу в две колонки (например в первую и вторую), тогда указывайте Grid.ColumnSpan="2". В таком случае он попадёт и в колонку 0 и в колонку 1.

Если Вы хотите поместить его в две последние колонки, то укажите Grid.Column="1" и потом Grid.ColumnSpan="2". Так как мы не указываем Grid.Column — он изначально 0, то и Grid.ColumnSpan поместит список в две первые колонки, а когда мы указываем Grid.Column="1", то мы указываем от какого элемента Grid.ColumnSpan должен "заполнить" нужное количество колонок.

Добавлено через 10 минут

чтобы пользователь мог выделить несколько строк и скопировать их, например, в Excel

- для начала Вам нужно отловить нажатие клавиш "Ctrl" + "C". Думаю примеров в интернете — валом;
- потом, когда пользователь жмакнет эти преславутые кнопки, нужно подсунуть ему какую-то информацию в буфер обмена, например "Hello World";
- если всё успешно, то нужно в буфер обмена ему передать свойство SelectedItemsAsString. Это оно хранит выделенные элементы, которые отображаются в TextBox'e, внизу.

Попробуйте сами сделать каждый пункт. Наработки отправляйте сюды.

@Sun1212 · 04.02.2022, 11:50 **[ТС]**

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

А лист бокс Вы поместили в первый ряд, первую колонку.
Grid.Row="0" — это значение по умолчанию, его необязательно писать. Следовательно если Вы не указываете Grid.Column, то он тоже имеет значение 0 — то есть первая колонка.
Укажите значение Grid.Column="1", чтобы переместить Ваш список во вторую колонку (отсчёт с нуля, не забывайте), или, если Вы хотите например переместить его сразу в две колонки (например в первую и вторую), тогда указывайте Grid.ColumnSpan="2". В таком случае он попадёт и в колонку 0 и в колонку 1.

опять получается, что все данные попадают в одну колонку...

@limeniye · 04.02.2022, 11:51

покажите

@Sun1212 · 04.02.2022, 12:00 **[ТС]**

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

если всё успешно, то нужно в буфер обмена ему передать свойство SelectedItemsAsString. Это оно хранит выделенные элементы, которые отображаются в TextBox'e, внизу.

У меня в буфер обмена выделенные элементы копируются с помощью реактивной команды CopySelectedItems. Как сделать, чтобы несколько выделенных строк копировались в итоге не одной строкой, а несколькими?

@limeniye · 04.02.2022, 12:12

Sun1212, чтобы они просто были одна под другой? Это не сложно, но Вы бежите вперёд. Для начала разберитесь как отловить Ctrl + C. Пусть при нажатии этих кнопок у Вас будет что-то происходить для теста, например вызываться ошибка
throw new ArgumentException("Была нажата комбинация клавиш Ctrl + C");.
Остальное, пока что, не имеет значения.
Поищите эту информацию в интернете, я уверен что это очень простая задача.

Добавлено через 5 минут
я вот о крыл гугл, сразу же нашёл ответ — событие KeyDown

@Элд Хасп · 04.02.2022, 13:06

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

нужно по нажатию на одну ячейку — выделять строку, чтобы её перенести в нижний текстбокс и мне показалось, что изменять придётся полностью всё

При выборе ячейки выделяется же вся строка.
Что в DataGrid, что в ListView.

Добавлено через 11 минут

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

опять получается, что все данные попадают в одну колонку...

Потому что Grid должен быть внутри шаблона данных, а не снаружи ListBox.

Что-то в таком духе (пишу здесь - могут быть ошибки):

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <ListBox SelectionMode="Multiple"
                Grid.IsSharedSizeScope="True">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid Background="Red">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" SharedSizeGroup="firstColumn"/>
                        <ColumnDefinition Width="Auto" SharedSizeGroup="secondColumn"/>
                        <ColumnDefinition Width="Auto" SharedSizeGroup="thirdColumn"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="{Binding Number}"/>
                    <TextBlock Grid.Column="1" Text="{Binding Name}"/>
                    <TextBlock Grid.Column="2" Text="{Binding Value}"/>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Добавлено через 2 минуты
Вот не знаю только в Авалонии есть размерные группы или нет.

@limeniye · 04.02.2022, 13:12

Элд Хасп, честно говоря -- не понмманию что и куда, там же стоял <StackPanel Orientation="Horizontal" Background="Red">

Добавлено через 3 минуты
Одно и тоже, только строк меньше

Новые блоги и статьи Все статьи Все блоги /
Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части 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 хоп хоп хоп хидахоп, а я кладую))

@Sun1212 0 / 0 / 0 Регистрация: 12.12.2021 Сообщений: 205

	Avalonia (отображение списка строк) 12.01.2022, 22:23. Показов 21355. Ответов 98 Метки нет (Все метки) Здравствуйте! Подскажите, пожалуйста, в каком элементе управления в Авалонии лучше выводить список строк, чтобы потом можно было выделить какие-то строки и скопировать их, например, в Excel? Заранее спасибо! 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	03.02.2022, 12:08
	Элд Хасп, как вариант 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	03.02.2022, 22:58
	Элд Хасп, там в начале темы было написано, что должно быть именно в списке, одной колонкой. Потом оказалось что это три колонки в одной. Я предложил вариант с DataGrid — как я понял, он был одобрен, но потом я вспомнил, что нужно по нажатию на одну ячейку — выделять строку, чтобы её перенести в нижний текстбокс и мне показалось, что изменять придётся полностью всё, я решил закончить, что есть. 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	03.02.2022, 23:10
	Не то, чтобы мне лень но это курсовая, я не думаю что там обязательно делать всё идеально. Миниатюры 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	04.02.2022, 11:51
	покажите 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	04.02.2022, 12:12
	Sun1212, чтобы они просто были одна под другой? Это не сложно, но Вы бежите вперёд. Для начала разберитесь как отловить Ctrl + C. Пусть при нажатии этих кнопок у Вас будет что-то происходить для теста, например вызываться ошибка `throw new ArgumentException("Была нажата комбинация клавиш Ctrl + C");`. Остальное, пока что, не имеет значения. Поищите эту информацию в интернете, я уверен что это очень простая задача. Добавлено через 5 минут я вот о крыл гугл, сразу же нашёл ответ — событие KeyDown 0

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	04.02.2022, 13:12
	Элд Хасп, честно говоря -- не понмманию что и куда, там же стоял `<StackPanel Orientation="Horizontal" Background="Red">` Добавлено через 3 минуты Одно и тоже, только строк меньше 0