Отобразить в xaml первый элемент списка картинок

@ShmelVG · Регистрация: 27.11.2015

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

wpf mvvm.
У меня есть список в котором содержаться картинки, часть из них в книжном виде, другая в альбомном.
Задача отобразить их по одной странице(по умолчанию отображается первый элемент списка), и кнопкой вперед/назад менять картинки через команды.

Хотел бы вывести первую картинку чтоб было что-то вроде этого

XML
1
2
3
<ItemsControl
                    ScrollViewer.PanningMode="Both"
                    ItemsSource="{Binding Parent.PdfImages[0]}"/>

и кнопкой менять картинки

Сейчас они отображаются сплошником, идя одной за другой (по сути мне надо заменить скрол кнопкой)

Св-во

C#
1
2
3
4
5
6
private List<Image> _PdfImages;
        public List<Image> PdfImages
        {
            get { return _PdfImages; }
            set { _PdfImages = value; OnPropertyChanged(); }
        }

Добавлено через 6 минут
На мой взгляд надо поменять привязку, чувствую там проблема

@hamin · 16.08.2019, 10:23

добавьте их в листбокс и создайте доп. свойство для отображения текущей:

C#
1
2
3
4
5
private Image _actualImg;
public Image ActualImg
{
      get { return _actualImg; }
      set { _actualImg = value; OnPropertyChanged(); }

XML
1
<ListBox Binding="{Binding PdfImages}" SelectedItem="{Binding ActualImg, Mode=TwoWay}"/>

ну и далее привязывайте элементы уже к этой текущей картинке, а во VM менять ее командами очень просто:

C#
1
ActualImg = PdfImages.FirstOrDefault();

потом можно добавить пару методов расширений для получения след. или предыдущего элемента коллекции:

Кликните здесь для просмотра всего текста

C#
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
/// <summary>
        /// Возвращает элемент коллекции, который следует после переданного. 
        /// </summary>
        /// <param name="col">Исходная коллекция</param>
        /// <param name="actualValue">Текущий элемент коллекции</param>
        /// <returns></returns>
        public static T Next<T>(this IEnumerable<T> col, T actualValue)
        {
            T result = actualValue;
            bool found = false;
 
            foreach (var item in col)
            {
                if (found) return item;
                else
                {
                    found = item.Equals(actualValue);
                }
            }
 
            return result;
        }
 
        /// <summary>
        /// Возвращает элемент коллекции, находящийся перед переданным. 
        /// </summary>
        /// <param name="col">Исходная коллекция</param>
        /// <param name="actualValue">Текущий элемент коллекции</param>
        /// <returns></returns>
        public static T Previous<T>(this IEnumerable<T> col, T actualValue)
        {
            T result = actualValue;
 
            foreach (var item in col)
            {
                if (item.Equals(actualValue)) return result;
                result = item;
            }
 
            return result;
        }

@ShmelVG · 16.08.2019, 10:32 **[ТС]**

hamin, классная идея, спасибо!
Но сейчас ругается на разметку

XML
1
2
3
4
 <Border Grid.Row="0"
                VerticalAlignment="Bottom">
                <ListBox Binding="{Binding PdfImages}" SelectedItem="{Binding ActualImg, Mode=TwoWay}"/>
        </Border>

Член Binding не распознан или недоступен.

Добавлено через 3 минуты
hamin, Указанное значение нельзя присвоить коллекции. Требуется следующий тип: "UIElement".

@hamin · 16.08.2019, 10:34

ShmelVG,

там конечно же ItemsSource="{Binding PdfImages}"

Добавлено через 15 секунд
мой косяк

@ShmelVG · 16.08.2019, 10:43 **[ТС]**

hamin, Всё супер! Спасибо!!! (Я так делал, подчеркнул ошибку, забыл скомпилить

) Мини вопрос, в команде сделать чтобы листал страницу , запихать проверку чтобы не вылез за рамки списка и инкрементировать список?

@hamin · 16.08.2019, 10:48

ShmelVG,

запихать проверку чтобы не вылез за рамки списка

те методы, которые я скинул уже предусматривают это.. они просто возвращают текущий элемент, если уперся в конец или начало

Добавлено через 1 минуту
пользоваться ими просто:

C#
1
ActualImg = PdfImages.Next(ActualImg);

@ShmelVG · 16.08.2019, 10:54 **[ТС]**

hamin, я не знал, но мне посоветовали в моём случае сделать через Image Gallery

Добавлено через 1 минуту
hamin, а в вашем случае отображается первая и частичка второго документа при этом появился скролл которого не должно быть по идее)

@hamin · 16.08.2019, 11:25

ShmelVG,

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

@ShmelVG · 16.08.2019, 13:19 **[ТС]**

hamin, в методе добавляли в 2 коллекции, я их записал в одну, но выводить только по одному фото надо , а не сплошником(

C#
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
private List<Image> _OfferPdfImages;
        public List<Image> OfferPdfImages
        {
            get { return _OfferPdfImages; }
            set { _OfferPdfImages = value; OnPropertyChanged(); }
        }
 
        private List<Image> _SpecialConditions;
        public List<Image> SpecialConditions
        {
            get { return _SpecialConditions; }
            set { _SpecialConditions = value; OnPropertyChanged(); }
        }
 
        private List<Image> _PdfImages;
        public List<Image> PdfImages
        {
            get { return _PdfImages; }
            set { _PdfImages = value; OnPropertyChanged(); }
        }
 
        private List<Image> _actualImg;
        public List<Image> ActualImg
        {
            get { return _actualImg; }
            set { _actualImg = value; OnPropertyChanged(); }
        }

C#
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
private void CheckPdf()
        {
            if (_checkPdfWorked) return;
 
            try
            {
                _checkPdfWorked = true;
 
                if (_publicOfferAddressIsChanged)
                {
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        if (OfferPdfImages != null)
                        {
                            foreach (var image in OfferPdfImages)
                            {
                                image.Source = null;
                            }
                            OfferPdfImages.Clear();
                        }
                        GC.Collect();
                    });
 
                    var files = WorkWithPdf(_publicOfferAddress, "myFile1.pdf");
                    if (files == null)
                        return;
 
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        OfferPdfImages = new List<Image>();
                        foreach (var file in files)
                        {
                            var bi = new BitmapImage();
                            bi.BeginInit();
                            bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;
                            bi.CacheOption = BitmapCacheOption.OnLoad;
                            bi.UriSource = new Uri(file);
                            bi.EndInit();
                            OfferPdfImages.Add(new Image { Source = bi });
 
                            PdfImages = new List<Image>();
                            PdfImages.AddRange(OfferPdfImages);
                        }
                    });
 
                    _publicOfferAddressIsChanged = false;
                }
 
                if (_specialConditionsAddressIsChanged)
                {
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        if (SpecialConditions != null)
                        {
                            foreach (var image in SpecialConditions)
                            {
                                image.Source = null;
                            }
                            SpecialConditions.Clear();
                        }
                        GC.Collect();
                    });
 
                    var files = WorkWithPdf(_specialConditionsAddress, "myFile2.pdf");
 
                    if (files == null)
                        return;
 
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        SpecialConditions = new List<Image>();
                        foreach (var file in files)
                        {
                            var bi = new BitmapImage();
                            bi.BeginInit();
                            bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;
                            bi.CacheOption = BitmapCacheOption.OnLoad;
                            bi.UriSource = new Uri(file);
                            bi.EndInit();
                            SpecialConditions.Add(new Image { Source = bi });
                            PdfImages.AddRange(SpecialConditions);
                        }
                    });
 
                    _specialConditionsAddressIsChanged = false;
                }
                ActualImg.Add(PdfImages[0]);
            }
            catch (Exception ex)
            {
                Log.Write("Ошибка проверки PDF", ex);
            }
            finally
            {
                _checkPdfWorked = false;
            }
        }

Добавлено через 5 минут
Просто как вывести первую картинку и только?!

Добавлено через 9 минут
В чем ошибка? Почему нельзя так добавить ? PdfImages - тут всё есть.

C#
1
2
3
4
if (PdfImages != null)
                {
                    ActualImg.Add(PdfImages[0]);
                }

Добавлено через 30 минут
Всё ок, забыл создать объект) ActualImg = new List<Image>();

@hamin · 16.08.2019, 13:21

зачем вы создаете контроллы в коде? так никто не делает.. нужно хранить коллекцию путей к картинкам ну или если они у вас в ресурсах с ключами - коллекцию ключей к этим картинкам..

C#
1
2
3
4
5
public List<string> Sources { get; set; } = new List<string> (){ "C:\myImage1.jpg", "C\image2.jpg"};
public string ActualSource {get; set;}
 
//vm: 
ActualSource =Sources.FirstOrDefault();

далее

XML
1
2
3
4
5
6
7
8
9
10
<ListBox ItemsSource="{Binding Sources}" SelectedItem="{Binding ActualSource}">
    <ListBox.ItemTemplate>
         <StackPanel>
             <Image Source="{Binding}"/>
             <TextBlock Text="{Binding}" Converter="{StaticResource GetNameOfImageConverter}"/>
         </StackPanel>
    </ListBox.ItemTemplate>
</ListBox>
 
<Image Source="{Binding ActualSource }"/>

@Элд Хасп · 16.08.2019, 13:56

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

классная идея,

Тоже самое я вам уже дал в двух вариантах в теме Переход страниц назад/вперед

Чем они не устроили?

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@hamin 880 / 559 / 291 Регистрация: 21.11.2012 Сообщений: 1,554
	16.08.2019, 10:34
	ShmelVG, там конечно же ItemsSource="{Binding PdfImages}" Добавлено через 15 секунд мой косяк 1

@ShmelVG 171 / 106 / 51 Регистрация: 27.11.2015 Сообщений: 1,269
	16.08.2019, 10:43 [ТС]
	hamin, Всё супер! Спасибо!!! (Я так делал, подчеркнул ошибку, забыл скомпилить ) Мини вопрос, в команде сделать чтобы листал страницу , запихать проверку чтобы не вылез за рамки списка и инкрементировать список? 0

@ShmelVG 171 / 106 / 51 Регистрация: 27.11.2015 Сообщений: 1,269
	16.08.2019, 10:54 [ТС]
	hamin, я не знал, но мне посоветовали в моём случае сделать через Image Gallery Добавлено через 1 минуту hamin, а в вашем случае отображается первая и частичка второго документа при этом появился скролл которого не должно быть по идее) 0

@hamin 880 / 559 / 291 Регистрация: 21.11.2012 Сообщений: 1,554
	16.08.2019, 11:25
	ShmelVG, по тому коду что вы представили очень трудно понять, что вы пытаетесь сделать. Скролл можно отключить принудительно, если он вам не нужен, а выбор текущего элемента из коллекции делается так как я описал, а уже в конкретной задаче нужен конкретный подход 0