Pagghiu
commented
9 years ago Hacking a copy&paste of ImGui::Button to create ImGui::ButtonIcon yields pleasing results Anyway I can confirm that being able to interleave font icons in "default" font would make things a lot easier in some situations.
#pragma once
enum ImGuiIconEnum
{
ImGui_fa_camera_retro = 0xF083
};
namespace ImGui
{
extern ImFont* GIconFont;
bool ButtonIcon(const char* label, ImGuiIconEnum iconChar, const ImVec2& size = ImVec2(0, 0), bool repeat_when_held = false);
}#pragma once
#include "imgui.h"
// This is just to help Intellisense for private imgui.cpp symbols on visual studio...
#ifndef STB_INCLUDE_STB_RECT_PACK_H
#include "imgui.cpp"
#endif
ImFont* ImGui::GIconFont = nullptr;
bool ImGui::ButtonIcon(const char* label, ImGuiIconEnum iconChar, const ImVec2& size_arg, bool repeat_when_held)
{
IM_ASSERT(GIconFont);
ImGuiState& g = *GImGui;
ImGuiWindow* window = GetCurrentWindow();
if (window->SkipItems)
return false;
char labelIcon[8] = { 0 };
ImTextCharToUtf8(labelIcon, 8, (unsigned int)iconChar);
const ImGuiStyle& style = g.Style;
const ImGuiID id = window->GetID(label);
const ImVec2 label_size = CalcTextSize(label, NULL, true);
ImGui::PushFont(GIconFont);
const ImVec2 label_icon_size = CalcTextSize(labelIcon, NULL, true);
ImGui::PopFont();
ImVec2 size(size_arg.x != 0.0f ? size_arg.x : (label_size.x + label_icon_size.x + style.ItemInnerSpacing.x + style.FramePadding.x * 2),
size_arg.y != 0.0f ? size_arg.y : ImMax(label_size.y + style.FramePadding.y * 2, label_icon_size.y + style.FramePadding.y * 2));
const ImRect bb(window->DC.CursorPos, window->DC.CursorPos + size);
ItemSize(bb, style.FramePadding.y);
if (!ItemAdd(bb, &id))
return false;
bool hovered, held;
bool pressed = ButtonBehavior(bb, id, &hovered, &held, true, repeat_when_held ? ImGuiButtonFlags_Repeat : 0);
// Render
const ImU32 col = window->Color((hovered && held) ? ImGuiCol_ButtonActive : hovered ? ImGuiCol_ButtonHovered : ImGuiCol_Button);
RenderFrame(bb.Min, bb.Max, col, true, style.FrameRounding);
ImGui::PushFont(GIconFont);
const ImVec2 offIcon = ImVec2(ImMax(0.0f, size.x - label_size.x - label_icon_size.x - style.ItemInnerSpacing.x) * 0.5f, ImMax(0.0f, size.y - label_icon_size.y) * 0.5f); // Center (only applies if we explicitly gave a size bigger than the text size, which isn't the common path)
RenderTextClipped(bb.Min + offIcon, labelIcon, NULL, NULL, bb.Max, NULL);
ImGui::PopFont();
const ImVec2 off = ImVec2(ImMax(0.0f, size.x - label_size.x + label_icon_size.x + style.ItemInnerSpacing.x) * 0.5f, ImMax(0.0f, size.y - label_size.y) * 0.5f); // Center (only applies if we explicitly gave a size bigger than the text size, which isn't the common path)
RenderTextClipped(bb.Min + off, label, NULL, &label_size, bb.Max, NULL); // Render clip (only applies if we explicitly gave a size smaller than the text size, which isn't the commmon path)
return pressed;
}You use it like this
ImGui::ButtonIcon("Button Line 1\nButton Line 2", ImGui_fa_camera_retro);
ocornut
r-lyeh-archived
ghost
zhouxs1023
Pls help me ,THS!
I've tried loading some icon fonts and it works great for button icons etc. Anyway if you want to make a button (or other control) with an Icon followed by some text, you cannot do it easily. The current ImGui::Button() call that assumes a single font for the label, unless you bake your ttf characters into the icon font (or the opposite). My opinion is that for practical use it should be possible to map those icon fonts into some glyph range of current font (not a new one). I've not gone in the details of the source code generating the glyphs so I'm not sure of the implications and/or difficulty. Just as an idea, icon fonts could be used to create the vector graphics for new ui/graphics theme like described in #184 without the need of bitmaps (that will not scale easily on higher DPI displays) or fancy SVG drawings (that requires an SVG parser/renderer etc).
Comments?