Гайд Полный мануал от цветах в ImGui.

[.Dean.]

Привет,дядьки-форумчане!
В этом мануале я попытаюсь рассказать вам все что знаю о цветах в ImGui,о их изменении и о том,какой цвет за что отвечает.​

1.Начнем с практически с самого простого - с обозначений цветов.

Спойлер: Обозначения цветовых названий

<-------------------------------------------------------------------------------------------------------------->
[ImGuiCol_Text] = Цвет для текста,который будет использоваться для всего меню.
[ImGuiCol_TextDisabled] = Цвет для "не активного/отключенного текста".
[ImGuiCol_WindowBg] = Цвет заднего фона.
[ImGuiCol_PopupBg] = Цвет,который используется для заднего фона в ImGui::Combo и ImGui::MenuBar.
[ImGuiCol_Border] = Цвет,который используется для обводки вашего меню.
[ImGuiCol_BorderShadow] = Цвет для тени обводки.
[ImGuiCol_FrameBg] = Цвет для ImGui::InputText и для заднего фона ImGui::Checkbox
[ImGuiCol_FrameBgHovered] = Цвет,который используется практически так же что и тот,который выше,кроме того,что он изменяет цвет при наводке на ImGui::Checkbox.
[ImGuiCol_FrameBgActive] = Активный цвет.
[ImGuiCol_TitleBg] = Цвет для изменения главного места в самом верху меню (там где находится название вашего "топприватногохакаинзеворлдвсес0писалсяполгода".
[ImGuiCol_TitleBgCollapsed] = Свернутый цвет тайтла.
[ImGuiCol_TitleBgActive] = Цвет активного окна тайтла,т.е если вы имеете меню с несколькими окнами,то этот цвет будет использоваться для окна,в котором вы будет находится на данный момент.
[ImGuiCol_MenuBarBg] = Цвет для меню бара. (Не во всех сурсах видел такое,но все же)
[ImGuiCol_ScrollbarBg] = Цвет для заднего фона "полоски",через которую можно "листать" функции в софте по вертикале.
[ImGuiCol_ScrollbarGrab] = Цвет для сколл бара,т.е для "полоски",которая используется для передвижения меню по вертикали.
[ImGuiCol_ScrollbarGrabHovered] = Цвет для "свернутого/не используемого" скролл бара.
[ImGuiCol_ScrollbarGrabActive] = Цвет для "активной" деятельности в том окне,где находится скролл бар.
[ImGuiCol_ComboBg] = Цвет для заднего фона для ImGui::Combo.
[ImGuiCol_CheckMark] = Цвет для вашего ImGui::Checkbox.
[ImGuiCol_SliderGrab] = Цвет для ползунка ImGui::SliderInt и ImGui::SliderFloat.
[ImGuiCol_SliderGrabActive] = Цвет ползунка,который будет отображаться при использовании SliderFloat и SliderInt.
[ImGuiCol_Button] = цвет для кнопки.
[ImGuiCol_ButtonHovered] = Цвет,при наведении на кнопку.
[ImGuiCol_ButtonActive] = Используемый цвет кнопки.
[ImGuiCol_Header] = Цвет для ImGui::CollapsingHeader.
[ImGuiCol_HeaderHovered] = Цвет,при наведении на ImGui::CollapsingHeader.
[ImGuiCol_HeaderActive] = Используемый цвет ImGui::CollapsingHeader.
[ImGuiCol_Column] = Цвет для "полоски отделения" ImGui::Column и ImGui::NextColumn.
[ImGuiCol_ColumnHovered] = Цвет,при наведении на "полоску отделения" ImGui::Column и ImGui::NextColumn.
[ImGuiCol_ColumnActive] = Используемый цвет для "полоски отделения" ImGui::Column и ImGui::NextColumn.
[ImGuiCol_ResizeGrip] = Цвет для "треугольника" в правом нижнем углу,который используется для увеличения или уменьшения размеров меню.
[ImGuiCol_ResizeGripHovered] = Цвет,при наведении на "треугольника" в правом нижнем углу,который используется для увеличения или уменьшения размеров меню.
[ImGuiCol_ResizeGripActive] = Используемый цвет для "треугольника" в правом нижнем углу,который используется для увеличения или уменьшения размеров меню.
[ImGuiCol_CloseButton] = Цвет для кнопки-закрытия меню.
[ImGuiCol_CloseButtonHovered] = Цвет,при наведении на кнопку-закрытия меню.
[ImGuiCol_CloseButtonActive] = Используемый цвет для кнопки-закрытия меню.
<-------------------------------------------------------------------------------------------------------------->
Данные параметры для меня не известны,т.к не использую их на деле.

[ImGuiCol_PlotLines] =
[ImGuiCol_PlotLinesHovered] =
[ImGuiCol_PlotHistogram] =
[ImGuiCol_PlotHistogramHovered] =
<-------------------------------------------------------------------------------------------------------------->
[ImGuiCol_TextSelectedBg] = Цвет выбранного текста,в ImGui::MenuBar.
[ImGuiCol_ModalWindowDarkening] = Цвет "Затемнения окна" вашего меню.

Редко вижу данные обозначения,но все таки решил их сюда поместить.
[ImGuiCol_Tab] = Цвет для табов в меню.
[ImGuiCol_TabActive] = Активный цвет табов,т.е при нажатии на таб у вас будет этот цвет.
[ImGuiCol_TabHovered] = Цвет,который будет отображаться при наведении на таб.
[ImGuiCol_TabSelected] = Цвет,при котором,используется тогда,когда вы будете находится в одном из табов.
[ImGuiCol_TabText] = Цвет текста,который распространяется только на табы.
[ImGuiCol_TabTextActive] = Активный цвет текста для табов.
<-------------------------------------------------------------------------------------------------------------->

На этом мы закончили на обозначениях,далее переходим к изменению самих цветов.

2.Лично я знаю несколько способов для изменения цветовой гаммы вашего меню,сейчас попробую все их для вас подробно расписать.

Способ №1:

Спойлер: Способ #1

Самый простой и практичный способ,чтобы изменить свою цветовую гамму в меню.Для данного способа нам понадобится программа ImGui Styler(ссылка будет ниже),скачиваем ее и открываем ->переходим во вкладку "Help" -> далее в "Style Editor" и открываем вкладку "Colors". После изменения всех цветов мы просто нажимаем "Copy Colors" и вставляем эти цвета в то место,где они у вас должны хранится.

Спойлер: Видеогайд

За видео гайд спасибо человеку под ником Крайслер

Способ №2:

Спойлер: Способ #2

Этот способ сложнее предыдущего в том,что тут мы будем делать нашу цвет.гамму в ручную.Для этого нам понадобится любой сайт,на котором мы можем найти цвета по палитре "RGB".
Все что нам нужно знать для этого способа,это то,что в ImGui используется палитра "RGBA",где
R = Red//Красный
G = Green//Зеленый
B = Blue//Синий
A = Alpha//Прозрачность

Чтобы рассчитать цвета по схеме ImGui (Пример:(1.00f, 0.98f, 0.95f, 0.73f)),нам нужно знать следующее,что -

• 1.0 = 100%
• 100%=255

Так,чтобы добавить какой либо цвет,нам нужно поделить его на 100% и мы получим данный нам цвет.

Способ №3:

Спойлер: Способ #3

Саааааааамый простой способ,который имеется - это просто взять цвет.гамму из другого чита написанном на ImGui или же просто найти цвет.гамму на всеми известном нам GitHub'е.
Просто находим нужные нам цвета в исходнике,выделяем их -> копируем -> вставляем в свой сурс.

Мы закончили с цветами,теперь скажу вам одну вещь без которых не будут работать цвета.

Спойлер: GetStyle

3.Для получения цвета нам нужно добавить в начале/перед цветами одно значение -

ImGuiStyle& style = ImGui::GetStyle();

Есть так же еще один вид этого кода,это -

ImGuiStyle * style = &ImGui::GetStyle();

В зависимости от выбора кода,может меняться наш код в цвет.гамме.

Например:

1 стиль: style.Colors[ImGuiCol_Text] = ImVec4(0.90f, 0.90f, 0.90f, 1.00f);

2 стиль: style->Colors[ImGuiCol_Text] = ImVec4(0.80f, 0.80f, 0.83f, 1.00f);

На этом все,я рассказал вам основные аспекты для того,чтобы вы могли изменить свою цветовую гамму меню. Если я где-то допустил ошибку/что-то пропустил или что-то не так оформил,прошу отписаться в комментарии по этому поводу,все подкорректирую/добавлю.

Спасибо за внимание!

 

[MadeN]

Неплохо!
Всё по полочкам расписанно новичкам таким как я будет полезно

 

[qo0]

текст перечитай, есть ошибки и повторения, а в общем не плохо.

 

[.Dean.]

текст перечитай, есть ошибки и повторения, а в общем не плохо.

Хорошо,чуть позже подкорректирую,извиняюсь за ошибки - писал ночью,а тему выкладывал после обеда,поэтому есть небольшие недочеты.

 

[banau]

Пошел допиливать индиго.