(C++ Builder) TreeView: "дорисовать" третью иконку к записи.

[Yar]

Всем привет!

Как известно у компонента TreeView есть возможность в дереве поставить иконку (Image) к записи и ещё вторую иконку - StateImage. А можно ли "дорисовать" ещё одну, третью иконку, кроме Image и StateImage?

[Stilet]

Если и можно (в чем я не сомневаюсь) то придется делать отрисовку всего дерева, каждого его элементика своим кодом в событиях OnCustomDraw и OnCustomDrawItem
Я когда-то пробовал, в принципе повозится можно, но забросил это дело.

[Yar]

Всем доброго времени суток!
Почти месяц назад я, в этой теме, задавал вопрос (см. выше). Чуть позже решение этой проблемы было найдено. И сегодня у меня есть возможность поделиться с форумчанами своим решением.
Я приношу извинения, если эта тема поднималась не раз, но всё-таки, может быть, тем людям, которые задались подобным вопросом, будет легче найти ответ на него.

Итак, как же "дорисовать" третью иконку к узлу в компоненте TreeView?
Привожу пример на С++ Builder, размер картинок 16*16 пикселей в формате BMP.

Я пытался реализовать это используя события OnCustomDraw и OnCustomDrawItem компонента TreeView для каждого узла. Но так ничего и не получилось.
Решение оказалось намного проще, чем я думал .
Нужно просто "склеить" две картинки и поместить как одну картинку в Image или StateImage узла дерева.

Что нам потребуется для реализации идеи:

1. Кладём на форму три ImageList 'а. Один для первой картинки (FirstImageList), другой для второй - SecondImageList, третий для итоговой ("склеенной") - ResultImageList. В FirstImageList и SecondImageList нужно предварительно загрузить картинки, которые мы будем склеивать.
2. Создадим динамически три переменные типа TBitmap для проведения операции "склеивания": ImOne - первая картинка, ImTwo - вторая, ImResult - итоговая ("склеенная").

Graphics::TBitmap *ImOne = new Graphics::TBitmap();
Graphics::TBitmap *ImTwo = new Graphics::TBitmap();
Graphics::TBitmap *ImResult = new Graphics::TBitmap();

3. Далее нужно создать переменные целого типа (int) для задания индексов склеиваемых картинок: IndFirstIm и IndSecondIm.

int IndFirstIm = 0;
int IndSecondIm = 0;

Теперь можно приступать к "склеиванию".
Для рисования чего-либо (картинки, например) у класса TBitmap есть Canvas. У него есть метод Draw. Вот этим методом мы сейчас воспользуемся.
1. Берём картинки из ImageList' ов по заданным индексам и присваиваем переменным ImOne и ImTwo соответственно.

FirstImageList->GetBitmap(IndFirstIm, ImOne);
SecondImageList->GetBitmap(IndSecondIm, ImTwo);

2. Для переменной с итоговой картинкой устанавливаем высоту (она равна высоте исходных картинок - 16 пикселов), а ширина - сумма длин исходных (первой и второй) картинок (16 + 16 = 32).

ImResult->Height = ImOne->Height;
ImResult->Width = ImOne->Width + ImTwo->Width;

3. Склеиваем картинки, используя метод Draw.

ImResult->Canvas->Draw(0, 0, ImOne);
ImResult->Canvas->Draw(16, 0, ImTwo);

Т.е. сначала на Canvas 'е рисуем первую картинку, а затем - вторую (координаты начала рисования второй картинки - ширина первой картинки [16]).
4. Теперь нам осталось поместить итоговую картинку в ResultImageList на белом фоне (clWhite).

ResultImageList ->AddMasked(ImResult, clWhite);

Всё, готово. Зная индекс картинки в ResultImageList мы можем поместить её Image или StateImage узла дерева.
Иллюстрацию идеи смотрите во вложении. Первая картинка - отдельная - реализует "галочку" для узла, а следующие две - "склеенные" по данному алгоритму. Итого получается три картинки. Хотя по умолчанию TreeView позволяет нарисовать для узла только две.
Приведённый выше алгоритм универсален: можно, например, склеивать неограниченное число картинок, если динамически создать массив переменных типа TBitmap.

Привожу код процедуры полностью:

Graphics::TBitmap *ImOne = new Graphics::TBitmap();
Graphics::TBitmap *ImTwo = new Graphics::TBitmap();
Graphics::TBitmap *ImResult = new Graphics::TBitmap();
        
int IndFirstIm = 0;
int IndSecondIm = 0;

FirstImageList->GetBitmap(IndFirstIm, ImOne);
SecondImageList->GetBitmap(IndSecondIm, ImTwo);

ImResult->Height = ImOne->Height;
ImResult->Width = ImOne->Width + ImTwo->Width;
ImResult->Canvas->Draw(0, 0, ImOne);
ImResult->Canvas->Draw(16, 0, ImTwo);

ResultImageList ->AddMasked(ImResult, clWhite);

[sitesv]

А должен ли ImageList для склеенных картинок иметь Width = 32 ?
И можно ли комбинировать в TreeView->Images отображение одной или двух картинок? Или только две должны быть?

ImageList по-умолчанию имеет ширину 16. Отображать склеенные не получается.

В TreeView->StateImages кладу визуализацию CheckBox

[Larsic]

Пытаюсь воспользоваться этим методом (спасибо автору!), однако выдается множество подобных ошибок (перечень неполный):
[C++ Error] Unit1.cpp(25): E2238 Multiple declaration for 'ImResult'
[C++ Error] Unit1.cpp(17): E2344 Earlier declaration of 'ImResult'
[C++ Error] Unit1.cpp(25): E2141 Declaration syntax error
[C++ Error] Unit1.cpp(22): E2451 Undefined symbol 'FirstImageList'
[C++ Error] Unit1.cpp(23): E2451 Undefined symbol 'SecondImageList'
[C++ Error] Unit1.cpp(30): E2451 Undefined symbol 'ResultImageList'
Почему так?
C++ Builder 6

[p51x]

Потому что тупое копирование кода плохо работает.

[C++ Error] Unit1.cpp(25): E2238 Multiple declaration for 'ImResult'
[C++ Error] Unit1.cpp(17): E2344 Earlier declaration of 'ImResult'
[C++ Error] Unit1.cpp(25): E2141 Declaration syntax error

Зачем объявление ImResult два раза вставили? Скопировали строчки с объяснения и итоговый код вместе?

[C++ Error] Unit1.cpp(22): E2451 Undefined symbol 'FirstImageList'
[C++ Error] Unit1.cpp(23): E2451 Undefined symbol 'SecondImageList'
[C++ Error] Unit1.cpp(30): E2451 Undefined symbol 'ResultImageList'

Не кинули на форму и не назвали так свои имеджлисты.

[Larsic]

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

Потому что тупое копирование кода плохо работает.
Зачем объявление ImResult два раза вставили?
Скопировали строчки с объяснения и итоговый код вместе?
Не кинули на форму и не назвали так свои имеджлисты.

Скопирован был только итоговый код, в котором нет двойных объявлений.
ИмиджЛисты на форме есть.

[p51x]

Значит показывайте свой код