Курсоры

Курсор — это графический элемент интерфейса пользователя, указывающий на активную точку или область на экране компьютера, планшета или смартфона. Курсор служит для визуальной обратной связи, обозначая, где будет произведено действие при вводе с клавиатуры или манипулятора (мыши, тачпада, трекбола). В зависимости от контекста и типа устройства различают несколько основных видов курсоров, каждый из которых выполняет свою функцию.

История

Идея курсора как указателя на экране восходит к ранним экспериментам в области человеко-машинного взаимодействия. Первым графическим курсором считается световое перо (light pen), разработанное в 1950-х годах для компьютера Whirlwind. Однако современный вид курсор приобрёл в 1960-х годах в рамках проекта NLS (oNLine System) Дугласа Энгельбарта. 9 декабря 1968 года на знаменитой демонстрации «Мать всех демонстраций» Энгельбарт впервые показал компьютерную мышь и соответствующий ей курсор на экране. Первоначально курсор представлял собой простую стрелку, указывающую влево-вверх, но вскоре был заменён на наклонную стрелку, которая лучше визуально сочеталась с движением мыши.

В 1980-х годах, с появлением графических пользовательских интерфейсов (GUI) в системах Xerox Star, Apple Lisa и Macintosh, курсор стал неотъемлемой частью операционной системы. В 1981 году компания Xerox представила курсор в виде песочных часов, обозначающий ожидание выполнения операции. В 1985 году в операционной системе Windows 1.0 использовался простой набор курсоров, а с выходом Windows 3.0 (1990) появилась возможность настройки внешнего вида курсора через системные схемы.

В 1990-х годах, с развитием веб-браузеров, возникла необходимость в новых типах курсоров для обозначения ссылок (рука с указательным пальцем) и текстовых полей (I-образная черта). В 1996 году компания Microsoft выпустила пакет Microsoft Plus! for Windows 95, который включал анимированные курсоры (например, «бегущий» песок в часах). С 2000-х годов курсоры стали широко настраиваться пользователями, появились сторонние наборы, а также возможность создавать курсоры в форматах .cur и .ani.

Классификация курсоров

Курсоры делятся на несколько основных типов по функциональному назначению и визуальному представлению.

По типу ввода

• Курсор мыши (указатель) — управляется манипулятором (мышь, тачпад, трекбол). Обычно имеет форму стрелки, но может меняться в зависимости от контекста. Основные состояния: обычный (стрелка), ожидание (песочные часы или спиннер), точный выбор (крестик), изменение размера (двусторонние стрелки), перемещение (четырехсторонняя стрелка), ссылка (рука), недоступность (перечёркнутый круг).
• Текстовый курсор (каретка) — отображается в поле ввода текста и обозначает место, куда будет вставлен следующий символ. Обычно имеет вид вертикальной мигающей черты (I-beam) или прямоугольника. В консольных приложениях может быть сплошным блоком или подчёркиванием.
• Курсор касания — в сенсорных интерфейсах (планшеты, смартфоны) курсор обычно отсутствует, так как взаимодействие происходит напрямую пальцем. Однако в некоторых приложениях (например, для рисования или точного позиционирования) может отображаться виртуальный курсор, управляемый касанием.

По визуальному исполнению

• Статический курсор — неподвижное изображение (стрелка, I-beam, рука). Формат файла — .cur.
• Анимированный курсор — последовательность кадров, создающая эффект движения (например, вращающийся круг загрузки, бегущие песочные часы). Формат — .ani (Windows) или .gif (в веб-среде, но ограниченно).
• Системный курсор — стандартный набор курсоров, встроенный в операционную систему (Windows, macOS, Linux). Включает около 20-30 различных состояний.
• Пользовательский курсор — созданный или скачанный пользователем набор, заменяющий системные курсоры. Может быть выполнен в любом графическом стиле.

Устройство и технические характеристики

Курсор представляет собой растровое или векторное изображение, которое отображается поверх всех окон и элементов интерфейса. Технически курсор — это небольшое изображение (обычно от 16×16 до 128×128 пикселей), которое может быть как монохромным, так и полноцветным (до 32 бит на пиксель с альфа-каналом для прозрачности).

В операционных системах семейства Windows курсоры хранятся в файлах с расширениями .cur (статический) и .ani (анимированный). В macOS курсоры встроены в системные ресурсы и имеют формат .icns. В Linux курсоры могут быть в формате Xcursor (файлы .xbm, .xpm, .png) или использовать темы курсоров.

Ключевая характеристика курсора — горячая точка (hotspot) — координата пикселя, которая считается точкой активации. Например, у стрелки горячая точка находится на кончике острия, а у I-beam — на середине вертикальной черты. При нажатии кнопки мыши действие выполняется именно в этой точке.

Применение

Курсоры используются во всех современных графических интерфейсах:

• Операционные системы — Windows, macOS, Linux (среды рабочего стола GNOME, KDE, Xfce) предоставляют стандартные схемы курсоров и возможность их замены.
• Веб-браузеры — поддерживают CSS-свойство cursor, которое позволяет задавать тип курсора для различных элементов (ссылки, кнопки, поля ввода, изображения). Существуют стандартные значения (default, pointer, text, wait, crosshair, move, not-allowed) и возможность использования пользовательских изображений через url().
• Графические редакторы — в Adobe Photoshop, GIMP, Krita курсор меняется в зависимости от инструмента (кисть, ластик, пипетка, выделение). Для точной работы часто используется курсор в виде перекрестия.
• Игры — в видеоиграх курсор может быть как стандартным (меню, инвентарь), так и кастомизированным (прицел, указатель на карте). В шутерах от первого лица курсор часто заменяется прицелом.
• Специализированное ПО — в CAD-системах (AutoCAD, SolidWorks) курсор может быть трёхмерным или иметь дополнительные метки для точного позиционирования.

Настройка и кастомизация

Пользователи могут изменять внешний вид курсоров в настройках операционной системы. В Windows это делается через раздел «Свойства мыши» → «Указатели», где можно выбрать схему (например, «Стандартная», «Крупная», «Инвертированная») или заменить отдельные курсоры. В macOS настройки находятся в разделе «Универсальный доступ» → «Дисплей» → «Курсор». В Linux настройка осуществляется через системные настройки темы оформления или через конфигурационные файлы (например, ~/.icons/default/index.theme).

Существуют тысячи пользовательских наборов курсоров, созданных энтузиастами. Они могут быть тематическими (например, в стиле аниме, игр, фэнтези) или функциональными (увеличенные, контрастные для людей с нарушениями зрения). Для Windows популярны форматы .cur и .ani, для macOS — .icns, для Linux — темы Xcursor.

Интересные факты

• Первый анимированный курсор появился в Windows 95 в виде «бегущих» песочных часов.
• В операционной системе macOS курсор в виде «спиннера» (радужного круга) называется «Spinning Beach Ball of Death» (SBBOD) и обозначает зависание приложения.
• В некоторых дистрибутивах Linux курсор по умолчанию имеет форму «руки» с указательным пальцем, а не стрелки.
• В 2021 году компания Microsoft представила в Windows 11 новый дизайн курсоров — более плавные, с закруглёнными углами и поддержкой тёмной темы.
• Курсор мыши традиционно рисуется с наклоном влево (примерно 45 градусов), так как на ранних дисплеях с низким разрешением такой угол обеспечивал лучшую видимость и точность.
• В некоторых играх (например, StarCraft, Diablo) курсор меняет форму в зависимости от действия: золотой для сбора ресурсов, красный для атаки, зелёный для лечения.

Критика и ограничения

Несмотря на повсеместное использование, курсоры имеют ряд недостатков. При малом размере (например, 16×16 пикселей) они могут быть плохо различимы на экранах с высоким разрешением (Retina, 4K). Для решения этой проблемы в современных ОС предусмотрены масштабируемые курсоры и возможность увеличения размера. Также курсоры могут быть неудобны для людей с нарушениями зрения или моторики — в таких случаях используются специальные высококонтрастные схемы или замена мыши на трекбол или джойстик.

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

Источники

• Энгельбарт, Дуглас. «Augmenting Human Intellect: A Conceptual Framework» (1962).
• Microsoft Corporation. «Windows User Experience Guidelines» (1995–2023).
• Apple Inc. «Human Interface Guidelines» (1984–2023).
• Спецификация CSS3 UI (W3C Candidate Recommendation) — свойство cursor.
• История развития графических интерфейсов: Xerox PARC, Apple Lisa, Macintosh (1970–1980-е).
• Документация по форматам .cur и .ani (Microsoft Developer Network).
• Тема курсоров Xcursor (freedesktop.org).