Создание выпадающего списка (Combobox) с иконками

Ранее я рассказывал, как сделать простой комбобокс. Сейчас давайте усовершенствуем его, а точнее дополним строки списка иконками. Я уже делал подобное с меню, тут принцип точно такой же. К стилям комбобокса в ресурсах добавляется CBS_OWNERDRAWFIXED, что в дальнейшем позволит нам самостоятельно обрабатывать процесс отрисовки каждой строки выпадающего списка. Теорию и принцип работы вы можете почитать по приведенной ссылке, повторяться я не буду. В обработчик окна, в котором находится комбобокс, добавляется реакция на два события - это WM_MEASUREITEM, которое приходит перед отрисовкой строки, и WM_DRAWITEM, при котором мы будем рисовать эту строку.Начнем с первого обработчика. Тут система в параметре lParam сообщения передает нам структуру MEASUREITEMSTRUCT, в которой сообщает нашей программе тип объекта, который она планирует нарисовать, а также его идентификаторы и размеры прямоугольника, который он будет занимать.Проверяем, если это комбобокс, то меняем его высоту на фиксированные 26 пикселов. Ширина остается без изменений. Обратите внимание, что тут не проверяется идентификатор комбобокса CtlID, так как в нашем примере он один единственный. В реальных проектах, когда на форме может быть более одного выпадающего списка, такие проверки надо выполнять в обязательном порядке.

Переходим к основному пользовательскому обработчику - отрисовке строки выпадающего списка. Здесь в структуре DRAWITEMSTRUCT, на которую ссылается параметр lParam, приходят данные, непосредственно относящиеся к рисованию строки. Также первым делом проверяем, что на отрисовку передана именно строка комбобокса, при необходимости убеждаемся, что она принадлежит нужному списку, а затем начинаем художества.Для выделенной строки списка рисуется залитый фон с использованием стандартных системных цветов, для обычной строки рисуется пустой прямоугольник. Затем загружается текст строки и рисуется со сдвигом вправо на ширину иконки плюс несколько пикселов отступа для красоты. Иконка рисуется слева с вертикальной центровкой. В приведенном примере иконки загружаются сразу из ресурсов на основании индексов рисуемой строки, в других случаях иконки могут быть предварительно загружены, а их хэндлы помещены в массивы для каждого списка в отдельности. Размер иконок значения не имеет, просто подкорректируйте отступы текста и высоту строк в зависимости от их пропорций, можно даже сделать различную высоту для разных строк комбобокса и поместить в один список иконки разных размеров.


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

В приложении пример программы с исходным текстом, которая отрисовывает выпадающий список с иконками и обрабатывает выбор элементов.

Комментарии

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

Для вставки цитаты выделите текст и нажмите сюда

Имя*:

Текст комментария (не более 2000 символов)*:

*Все поля обязательны для заполнения.

Комментарии, содержащие рекламу, ненормативную лексику, оскорбления и т.п., а также флуд и сообщения не по теме, будут удаляться. Нарушителям может быть заблокирован доступ к сайту.