Поделиться через

Практическое руководство. Создание значка или другого изображения

  • Статья

Вы можете создать новое изображение, растровое изображение, значок, курсор или панель инструментов, а затем использовать редактор изображений для настройки его внешнего вида. Вы также можете создать точечный рисунок, шаблонный после шаблона ресурса.

Значки и курсоры: ресурсы изображений для устройств отображения

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

При создании значка или курсора редактор изображений сначала создает изображение стандартного типа. Это изображение сначала заполняется цветом экрана (прозрачным). Если изображение является курсором, то горячая точка изначально является верхним левым углом с координатами 0,0.

По умолчанию редактор изображений поддерживает создание дополнительных изображений для устройств, показанных в следующей таблице. Чтобы создать изображения для других устройств, необходимо задать ширину, высоту и количество цветов в диалоговом окне "Настраиваемое изображение".

Color Ширина (в пикселях) Высота (в пикселях)
Монохромный 16 16
Монохромный 32 32
Монохромный 48 48
Монохромный 64 64
Монохромный 96 96
16 16 16
16 32 32
16 64 64
16 48 48
16 96 96
256 16 16
256 32 32
256 48 48
256 64 64
256 96 96

Создание образа устройства (значка или курсора)

При создании нового ресурса значка или курсора редактор изображений сначала создает изображение в определенном стиле (32 × 32, 16 цветов для значков и 32 × 32, Monochrome для курсоров). Затем вы можете добавить изображения в разные размеры и стили в начальный значок или курсор и изменить каждый дополнительный образ при необходимости для разных устройств отображения. Вы также можете изменить изображение с помощью операции выреза и вставки из существующего типа изображения или растрового изображения, созданного в графической программе.

При открытии ресурса значка или курсора в редакторе изображений по умолчанию открывается изображение, соответствующее текущему устройству отображения.

Примечание.

Если проект еще не содержит RC-файл, см. статью "Создание файла скрипта ресурсов".

Диалоговое окно "Новый <тип изображения устройства"> позволяет создать новый образ устройства указанного типа. Чтобы открыть диалоговое окно "Создать изображение устройства", перейдите в меню "Новый>< тип изображения".> Ниже перечислены следующие свойства: "Тип целевого изображения" и "Настраиваемый".

Свойство "Тип целевого образа" содержит доступные типы изображений, в которых вы выбираете тип изображения, который нужно открыть:

16 x 16, 16 цветов
32 x 32, 16 цветов
48 x 48, 16 цветов
64 x 64, 16 цветов
96 x 96, 16 цветов

16 x 16, 256 цветов
32 x 32, 256 цвета
48 x 48, 256 цветов
64 x 64, 256 цвета
96 x 96, 256 цвета

16 x 16, Monochrome
32 x 32, Monochrome
48 x 48, Monochrome
64 x 64, Monochrome
96 x 96, Monochrome

Примечание.

В этом списке не отображаются существующие изображения.

Настраиваемое свойство открывает диалоговое окно "Пользовательское изображение", в котором можно создать изображение с настраиваемым размером и количеством цветов.

Диалоговое окно "Пользовательское изображение" позволяет создать новый образ с настраиваемым размером и количеством цветов. Ниже перечислены следующие свойства:

Свойство Description
Ширина Предоставляет пространство для ввода ширины пользовательского изображения в пикселях (1 – 512, ограничение в 2048).
Высота Предоставляет пространство для ввода высоты пользовательского изображения в пикселях (1 – 512, ограничение в 2048).
Цвета Предоставляет пространство для выбора количества цветов для пользовательского изображения: 2, 16 или 256.

Используйте диалоговое окно "Открыть <изображение устройства">, чтобы открыть образы устройств в проектах C++. В нем перечислены существующие образы устройств в текущем ресурсе (изображения, которые являются частью текущего ресурса). Включено следующее свойство:

Свойство Description
Текущие образы Выводит список изображений, включенных в ресурс. Выберите тип изображения, который нужно открыть.

Создание значка или курсора

  1. В представлении ресурсов щелкните правой кнопкой мыши rc-файл , а затем выберите "Вставить ресурс". Если у вас уже есть ресурс изображения в RC-файле , например курсор, щелкните правой кнопкой мыши папку "Курсор " и выберите "Вставить курсор".

  2. В диалоговом окне "Вставка ресурса" выберите значок или курсор и нажмите кнопку "Создать". Для значков это действие создает ресурс значка с значком 32 × 32, 16 цветов. Для курсоров создается изображение 32 × 32, монохромное (2 цвета).

    Если знак плюса (+) отображается рядом с типом ресурса изображения в диалоговом окне "Вставка ресурса ", это означает, что шаблоны инструментов доступны. Выберите знак плюса, чтобы развернуть список шаблонов, выбрать шаблон и нажмите кнопку "Создать".

Добавление изображения для другого устройства отображения

  1. Перейдите в меню "Изображение>нового устройства" или щелкните правой кнопкой мыши в области редактора изображений и выберите "Создать изображение устройства".

  2. Выберите тип изображения, который требуется добавить. Вы также можете выбрать "Пользователь", чтобы создать значок, размер которого недоступен в списке по умолчанию.

Копирование образа устройства

  1. Перейдите к меню "Открыть изображение> устройства" и выберите изображение из текущего списка образов. Например, выберите 32 × 32, 16-цветную версию значка.

  2. Скопируйте отображаемое изображение значка (CTRL+C).

  3. Откройте другое изображение значка в другом окне редактора изображений. Например, откройте 16 × 16, 16-цветную версию значка.

  4. Вставьте изображение значка (CTRL+V) из одного окна редактора изображений в другое. Если вы вставите больший размер в меньший размер, можно использовать маркеры значков для изменения размера изображения.

Удаление образа устройства

Пока изображение значка отображается в редакторе изображений, перейдите в меню "Удалить>изображение устройства". При удалении последнего изображения значка в ресурсе ресурс также удаляется.

Примечание.

При нажатии клавиши Del изображения и цвета, которые вы нарисовали на значке, удаляются, но значок остается, и теперь его можно изменить. Если нажать del по ошибке, нажмите клавиши CTRL+Z, чтобы отменить действие.

Создание прозрачных или обратных регионов в изображениях устройств

В редакторе изображений начальный значок или изображение курсора имеет прозрачный атрибут. Хотя изображения значков и курсоров прямоугольны, многие не отображаются так, так как части изображения прозрачны, а базовый образ на экране отображается с помощью значка или курсора. При перетаскивании значка части изображения могут отображаться в перевернутом цвете. Вы создадите этот эффект, задав цвет экрана и обратный цвет в окне "Цвета".

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

Примечание.

Отображаемые диалоговые окна и команды меню могут отличаться от описанных в справке в зависимости от текущих параметров или выпуска. Чтобы изменить параметры, перейдите в меню "Сервис>импорта и экспорта". Дополнительные сведения см. в разделе Персонализация интегрированной среды разработки Visual Studio.

Создание прозрачных или обратных регионов

  1. В окне "Цвета" выберите селектор "Цвет экрана" или "Обратный цвет".

  2. Примените экран или обратный цвет к изображению с помощью средства рисования. Дополнительные сведения о средствах рисования см. в статье "Использование средства рисования".

Изменение цвета экрана или обратного цвета

  1. Выберите селектор цвета экрана или селектор обратного цвета.

  2. Выберите цвет из палитры цветов в окне "Цвета".

    Дополнительный цвет автоматически назначается другому селектору.

    Совет

    Если дважды щелкнуть селектор "Цвет экрана" или "Обратный цвет", появится диалоговое окно "Селектор настраиваемых цветов".

Использование цветовой палитры 256

С помощью редактора изображений значки и курсоры могут иметь размер (64 × 64) с 256-цветовой палитрой для выбора. После создания ресурса выбран стиль образа устройства.

Создание значка цвета 256 или курсора

  1. В представлении ресурсов щелкните правой кнопкой мыши rc-файл , а затем выберите "Вставить ресурс". Если у вас уже есть ресурс изображения в RC-файле , например курсор, щелкните правой кнопкой мыши папку "Курсор " и выберите "Вставить курсор".

  2. В диалоговом окне "Вставка ресурса" выберите значок или курсор и нажмите кнопку "Создать".

  3. Перейдите в меню "Изображение>нового устройства" и выберите нужный стиль изображения с 256 цветом.

Выбор цвета из 256 цветовой палитры для больших значков

Чтобы нарисовать выделение из 256-цветовой палитры, необходимо выбрать цвета из палитры цветов в окне "Цвета".

  1. Выберите большой значок или курсор или создайте новый большой значок или курсор.

  2. Выберите цвет из 256 цветов, отображаемых в палитре цветов в окне "Цвета".

    Выбранный цвет станет текущим цветом в палитре цветов в окне "Цвета".

    Примечание.

    Начальная палитра, используемая для 256 цветных изображений, соответствует палитре, возвращаемой CreateHalftonePalette API Windows. Все значки, предназначенные для оболочки Windows, должны использовать эту палитру, чтобы предотвратить мерцание во время реализации палитры.

Установка горячей точки курсора

Горячая точка курсора — это точка, к которой Windows относится при отслеживании положения курсора. По умолчанию горячее место устанавливается в левом верхнем углу курсора с координатами 0,0. Свойство Hot в окно свойств показывает координаты горячей точки.

  1. На панели инструментов редактора изображений выберите средство "Задать хот-точка".

  2. Выберите пиксель, который нужно назначить в качестве горячей точки курсора.

    Свойство Hotspot в окне "Свойства" отображает новые координаты.

Создание и сохранение растрового изображения в виде .gif или .jpeg

При создании растрового изображения изображение создается в формате растрового изображения (.bmp). Однако изображение можно сохранить в формате GIF или JPEG или в других графических форматах.

Примечание.

Этот процесс не применяется к значкам и курсорам.

  1. Перейдите в меню "Открыть файл", а затем выберите "Файл>".

  2. В диалоговом окне "Создать файл" выберите папку Visual C++, а затем в поле "Шаблоны" выберите файл растрового рисунка (.bmp) и нажмите кнопку "Открыть".

    Растровое изображение откроется в редакторе изображений.

  3. При необходимости внесите изменения в новое растровое изображение.

  4. Если растровое изображение по-прежнему открыто в редакторе изображений, перейдите в меню "Сохранить файл>".bmp Как.

  5. В диалоговом окне "Сохранить файл как как" введите имя, которое нужно указать файл и расширение, которое обозначает формат файла, который вы хотите использовать в поле "Имя файла". Например, myfile.gif.

    Примечание.

    Чтобы сохранить его в другом формате, необходимо создать или открыть растровое изображение за пределами проекта. Если вы создаете или открываете его в проекте, команда "Сохранить как " будет недоступна. Дополнительные сведения см. в разделе "Просмотр ресурсов" в файле скрипта ресурсов за пределами проекта (автономного).

  6. Выберите Сохранить.

Преобразование изображения из одного формата в другой

Вы можете открыть изображения GIF или JPEG в редакторе изображений и сохранить их в виде растровых изображений. Кроме того, можно открыть растровый файл и сохранить его в виде GIF или JPEG. Изображения, с которыми вы работаете, не должны быть частью проекта для редактирования в среде разработки (см . автономное редактирование изображений).

  1. Откройте изображение в редакторе изображений.

  2. Перейдите в меню "Сохранить> файл как".

  3. В диалоговом окне "Сохранить файл как как" в поле "Имя файла" введите имя файла и расширение, которое обозначает нужный формат.

  4. Выберите Сохранить.

Добавление нового ресурса образа в неуправляемый проект C++

  1. В представлении ресурсов щелкните правой кнопкой мыши rc-файл , а затем выберите "Вставить ресурс". Если у вас уже есть ресурс изображения в RC-файле, например курсор, можно просто щелкнуть папку курсора правой кнопкой мыши и выбрать "Вставить курсор".

  2. В диалоговом окне "Вставка ресурса" выберите тип ресурса изображения, который вы хотите создать (например, растровое изображение), а затем нажмите кнопку "Создать".

    Если знак плюса (+) отображается рядом с типом ресурса изображения в диалоговом окне "Вставка ресурса ", это означает, что шаблоны инструментов доступны. Выберите знак плюса, чтобы развернуть список шаблонов, выбрать шаблон и нажмите кнопку "Создать".

Добавление нового ресурса изображения в проект на языке программирования .NET

  1. В Обозреватель решений щелкните правой кнопкой мыши папку проекта (например, WindowsApplication1).

  2. В контекстном меню выберите "Добавить", а затем нажмите кнопку "Добавить новый элемент".

  3. В области "Категории" разверните папку "Элементы локального проекта", а затем выберите "Ресурсы".

  4. В области "Шаблоны" выберите тип ресурса, который вы хотите добавить в проект.

    Ресурс добавляется в проект в Обозреватель решений, а ресурс открывается в редакторе изображений. Теперь для изменения образа можно использовать все средства, доступные в редакторе изображений. Дополнительные сведения о добавлении изображений в управляемый проект см. в разделе "Загрузка рисунка во время разработки".

Требования

нет

См. также

Редактор изображений для значков
Практическое руководство. Изменение изображения
Практическое руководство. Использование средства рисования
Практическое руководство. Работа с цветом
Сочетания клавиш