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

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

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

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

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

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

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

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

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

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

// метод выводит данные в listView1
private void LoadData()
{
    // очищаем listView1
    listView1.Items.Clear();

    // создаем список изображений для строк listView1
    ImageList imageList = new ImageList();

    // устанавливаем размер изображений
    imageList.ImageSize = new Size(30, 30);

    // заполняем список изображениями
    imageList.Images.Add(new Bitmap("images/1.jpg"));
    imageList.Images.Add(new Bitmap("images/2.jpg"));

    // создадим пустое изображение (просто белая заливка)
    Bitmap emptyImage = new Bitmap(30, 30);

    // получим объект Graphics для редактирования изображения
    using (Graphics gr = Graphics.FromImage(emptyImage))
    {
        // выполним заливку изображения emptyImage белым цветом
        gr.Clear(Color.White);
    }

    // и добавим его в список
    imageList.Images.Add(emptyImage);

    // устанавливаем в listView1 список изображений imageList
    listView1.SmallImageList = imageList;

    // массив имен, которые будем выводить в listView1
    string[] firstNames = { "Иван", "Николай", "Егор" };

    // массив фамилий, которые будем выводить в listView1
    string[] lastNames = { "Иванов", "Николаев", "Егоров" };

    // добавляем строки в listView1
    for (int i = 0; i < firstNames.Length; i++)
    {
        // создадим объект ListViewItem (строку) для listView1
        ListViewItem listViewItem = new ListViewItem(new string[] { "", firstNames[i], lastNames[i] });

        // индекс изображения из imageList для данной строки listViewItem
        listViewItem.ImageIndex = i;

        // добавляем созданный элемент listViewItem (строку) в listView1
        listView1.Items.Add(listViewItem);
    }
}

// метод выводит данные в listView1

private void LoadData()

{

// очищаем listView1

listView1.Items.Clear();

// создаем список изображений для строк listView1

ImageList imageList = new ImageList();

// устанавливаем размер изображений

imageList.ImageSize = new Size(30, 30);

// заполняем список изображениями

imageList.Images.Add(new Bitmap("images/1.jpg"));

imageList.Images.Add(new Bitmap("images/2.jpg"));

// создадим пустое изображение (просто белая заливка)

Bitmap emptyImage = new Bitmap(30, 30);

// получим объект Graphics для редактирования изображения

using (Graphics gr = Graphics.FromImage(emptyImage))

{

// выполним заливку изображения emptyImage белым цветом

gr.Clear(Color.White);

}

// и добавим его в список

imageList.Images.Add(emptyImage);

// устанавливаем в listView1 список изображений imageList

listView1.SmallImageList = imageList;

// массив имен, которые будем выводить в listView1

string[] firstNames = { "Иван", "Николай", "Егор" };

// массив фамилий, которые будем выводить в listView1

string[] lastNames = { "Иванов", "Николаев", "Егоров" };

// добавляем строки в listView1

for (int i = 0; i < firstNames.Length; i++)

{

// создадим объект ListViewItem (строку) для listView1

ListViewItem listViewItem = new ListViewItem(new string[] { "", firstNames[i], lastNames[i] });

// индекс изображения из imageList для данной строки listViewItem

listViewItem.ImageIndex = i;

// добавляем созданный элемент listViewItem (строку) в listView1

listView1.Items.Add(listViewItem);

}

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

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

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

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

public Form1()
{
    InitializeComponent();

    // выведем данные в listView1
    LoadData();
}

public Form1()

{

InitializeComponent();

// выведем данные в listView1

LoadData();

}

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

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

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

5/5 - (8 голосов)

Вывод данных в DataGridView из БД на C#

В Windows Forms табличные данные удобно выводить с помощью элемента управления DataGridView. В статье покажем, как это сделать на примере таблицы из базы данных и языка программирования C#. Исходные данные для DataGridView Имеется таблица в базе данных Microsoft SQL Server с информацией о факультетах университета. Эти данные будем выводить в элемент DataGridView,…

15.09.2017

В "C#"

Задача о рюкзаке: алгоритм, решение

Задача о рюкзаке - это одна из самых популярных задач комбинаторной оптимизации. В этой статье рассмотрим её формулировку и выполним решение одним из методов с помощью языка программирования C#. Формулировка задачи о рюкзаке Приведём классическую формулировку задачи о рюкзаке (задачи о ранце). Условие: Имеется рюкзак с ограниченной вместимостью по массе;…

18.11.2016

В "C#"

Переключение между вкладками - приложение на Visual Studio

В приложении на Visual Studio можно реализовать такую особенность графического интерфейса взаимодействия с пользователем, как переключение между вкладками. В статье рассказывается, как это реализовать в рамках Windows Forms. Переключение между вкладками - реализация Сразу скажем, что для того, чтобы сделать в вашей программе переключение между вкладками, необходимо использовать элемент управления…

30.09.2016

В "Windows Forms"

c#, ListView, Visual Studio, Windows Forms, Видео, Видеоурок, изображения, Картинка, Программа, Скачать, Скачать исходник

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

Программирование на C, C# и Java

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