Найти в Дзене
PomDevs

GUI Overlay: Что это такое и зачем оно вам нужно

Привет.
Вот так всегда: сидишь, ремонтируешь что-то, а тут звонит приятель и
просит объяснить что-нибудь "на пальцах". Ну, давайте попробуем.
Сегодняшний пациент, это GUI Overlay. Сразу говорю, это не болезнь, а
очень полезная штука.
Если перевести дословно, это "наложение
графического интерфейса". Звучит мудрёно, но на самом деле всё просто.
Представьте, что вы смотрите кино на телевизоре или играете в игру на
мониторе. И вдруг на экране появляется что-то, что не является частью
фильма или игры. Это может быть уведомление о новом сообщении, индикатор
громкости, или, скажем, меню настроек вашего монитора. Вот это и есть
GUI Overlay.
Это отдельный графический слой, который находится
"поверх" основного изображения. Этот слой рисуется не игрой или
видеоплеером, а самим устройством, то есть вашим телевизором, монитором,
или, например, ресивером. И, что самое важное, этот слой прозрачный. То
есть, он не закрывает собой всю картинку, а просто добавляет на неё
какие-то элеме


GUI Overlay: Что это такое и зачем оно вам нужно
GUI Overlay: Что это такое и зачем оно вам нужно

Привет.
Вот так всегда: сидишь, ремонтируешь что-то, а тут звонит приятель и
просит объяснить что-нибудь "на пальцах". Ну, давайте попробуем.
Сегодняшний пациент, это GUI Overlay. Сразу говорю, это не болезнь, а
очень полезная штука.

Если перевести дословно, это "наложение
графического интерфейса". Звучит мудрёно, но на самом деле всё просто.
Представьте, что вы смотрите кино на телевизоре или играете в игру на
мониторе. И вдруг на экране появляется что-то, что не является частью
фильма или игры. Это может быть уведомление о новом сообщении, индикатор
громкости, или, скажем, меню настроек вашего монитора. Вот это и есть
GUI Overlay.

Это отдельный графический слой, который находится
"поверх" основного изображения. Этот слой рисуется не игрой или
видеоплеером, а самим устройством, то есть вашим телевизором, монитором,
или, например, ресивером. И, что самое важное, этот слой прозрачный. То
есть, он не закрывает собой всю картинку, а просто добавляет на неё
какие-то элементы.

Давайте разберёмся на примере. Ваш монитор. Вы
нажимаете кнопку "Menu". И тут же, прямо поверх того, что вы делали,
появляется окно с настройками: яркость, контрастность, режимы
изображения. Вот это и есть GUI Overlay. Или другой пример. У вас умный
телевизор, вы переключаете канал, и в углу экрана появляется небольшое
окошко с номером канала и его названием. Это тоже GUI Overlay.

Зачем
это нужно? Во-первых, это удобно. Вместо того чтобы выходить из
приложения или игры, чтобы что-то настроить, вы делаете это прямо "на
лету". Во-вторых, это позволяет устройству информировать вас о своём
состоянии, не прерывая основной процесс. Например, когда батарея в
пульте садится, на экране появляется иконка с предупреждением.

Технически
это работает так. В устройстве (мониторе, телевизоре) есть специальный
процессор, который отвечает за обработку изображения. Этот процессор
создаёт основную картинку. А для GUI Overlay есть отдельный буфер, куда
записываются данные для интерфейса: текст, иконки, окна. Потом, в
последний момент, когда картинка уже готова к выводу на экран, эти два
слоя, основной и интерфейсный, смешиваются. Причём смешиваются так,
чтобы интерфейс был полупрозрачным и не мешал видеть основное
изображение. Это как будто вы взяли два стекла, одно с картинкой, а
другое с надписью, и положили их друг на друга.

Так что, когда в
следующий раз увидите, как на экране вашего монитора или телевизора
появляется что-то вроде меню или уведомления, знайте, это не магия, а
работа GUI Overlay. Это просто один из инструментов, который делает нашу
жизнь немного удобнее.