Графический курсор (каретка) в поле EDIT

Сегодня отдохнем от системы и немного поработаем с графикой, будем делать собственный графический курсор в поле EDIT. Какого-то необычайно полезного практического применения этому нет, просто симпатичное дополнение к интерфейсу, например, к окнам нестандартной формы. Ну а что, раз уж наворотили чудо-окна, почему бы не наворотить и чудо-курсор.

Начнем с теории. В отличие от "мышиного" курсора, который может легко принимать любой вид, управлять кареткой, то есть курсором в текстовом поле, не так просто. Функция CreateCaret позволяет только описывать форму для каретки, но не меняет ее изображение. Достаточно один раз попробовать, чтобы убедиться в ее бесполезности. Придется самостоятельно рисовать графическую каретку на холсте поля ввода.Для простоты реализации рисунок текстового курсора будет храниться в ресурсах. Загружаем его стандартными функциями, затем получаем холст поля ввода и добавляем к нему загруженный рисунок. Теоретически рисунок каретки может быть любого размера, но практически он должен хотя бы по вертикали соответствовать высоте поля ввода, а лучше высоте шрифта.

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

Поскольку основная работа происходит непосредственно в пределах поля ввода, его обработчик придется субклассировать. Из-за ограничений в реализации графическая каретка должна работать по терминальному принципу, то есть она всегда находится после текста, а новые символы добавляются только в конец строки. Именно это и надо оформить в субклассированном обработчике. При получении сообщения о нажатии клавиши каретка принудительно переводится в конец поля ввода, а только потом обрабатывается само нажатие. Там же при наступлении различных событий штатная каретка скрывается при помощи функции HideCaret, а часть сообщений вообще подавляются, чтобы не допустить установку каретки в середину текста. Кроме перечисленных действий, в поле ввода блокируется автовыделение текста при перемещении по форме клавишей табуляции.Далее по таймеру с помощью функции GetCaretPos получаем координаты каретки в пределах рабочего окна и по этим координатам накладываем на холст поля ввода картинку нашего красивого курсора. Небольшой сдвиг вправо нужен, чтобы курсор не наползал слишком близко на текст.После каждого нажатия клавиши поле ввода перерисовывается, тем самым решается вопрос с отрисовкой каретки на новой позиции. Еще желательно установить ограничение на количество символов в поле ввода, чтобы каретка не выходила за его границы. Оно не смертельно и вполне себе обрабатывается, просто смотрится некрасиво.

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

Комментарии

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

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

Имя*:

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

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

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