ОСТОРОЖНО МОШЕННИКИ! В последнее время в социальных сетях участились случаи предложения помощи в написании программ от лиц, прикрывающихся сайтом vscode.ru. Мы никогда не пишем первыми и не размещаем никакие материалы в посторонних группах ВК. Для связи с нами используйте исключительно эти контакты: vscoderu@yandex.ru, https://vk.com/vscode


Вывод изображений в ListView

Компонент ListView (из Windows Forms) предназначен для вывода текстовых данных. Создавая столбцы в нем, нельзя выбирать тип данных (например, изображения). Тем не менее способ вывода изображений в элемент управления ListView существует. Рассмотрим его на примере.

Построение интерфейса программы с компонентом ListView

Создадим новый Windows Forms-проект в Visual Studio на языке C#. Поместим на форму элемент управления ListView.

Добавим в ListView три столбца (с помощью пункта быстрого меню “ListView Задачи” под названием “Изменить столбцы…”) с заголовками “Изображение”, “Имя” и “Фамилия” (за название столбца отвечает параметр Text).

Также изменим параметр ListView “Представление” на значение “Details” – таким образом созданные столбцы будут отображаться на ListView.

Настройка ListView для вывода данных

В итоге получим следующий готовый интерфейс с ListView:

Интерфейс программы с ListView для вывода изображений

Также следует отметить, что в папке bin/Debug проекта был создан каталог с названием images и в него было помещено два изображения с именами “1.jpg” и “2.jpg”.

Написание кода программы, выводящей изображения в ListView

Создадим метод LoadData(), в теле которого будем производить вывод данных (в том числе картинок) в ListView. Ниже представлен его код с подробными комментариями.

Отметим, что очищать listView1 в начале метода здесь нет необходимости. Мы поместили данное выражение потому, что в реальных программах обычно производить очистку требуется – потому что вызов метода загрузки данных может производиться несколько раз (после каждого изменения набора данных).

Создание “пустого” изображения emptyImage (залитого белым цветом) сделано на случай отсутствия изображения у какой-либо строки данных в ListView. Добавление null в список ImageList возможно, но ListView работать с null не может и выдаст ошибку. Поэтому при отсутствии изображения можно (как и показано в примере) вывести “пустую” белую картинку.

Заметим также, что рядом с изображением можно выводить текст. Для этого замените пустую строку “” при создании ListViewItem на нужный текст.

Поместим вызов метода LoadData() в конструктор класса формы Form1. Таким образом данные будут загружаться при запуске программы.

Запустим программу.

Вывод изображений в ListView

Скачать исходник

 

 

Видеоурок на тему вывода изображений в ListView

Вывод изображений в ListView
5 (100%) 5 votes




Поделиться в соц. сетях:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">