aiekick/imcoolbar

A Cool bar for Dear ImGui (MacOs Dock Magnification Effect Like)

ImCoolbar

Minimal Sample

	auto coolbar_button     = [](const char* label) -> bool {
		float w         = ImGui::GetCoolBarItemWidth();
		auto font_ptr   = ImGui::GetIO().Fonts->Fonts[0];
		font_ptr->Scale = ImGui::GetCoolBarItemScale();
		ImGui::PushFont(font_ptr);
		bool res = ImGui::Button(label, ImVec2(w, w));
		ImGui::PopFont();
		return res;
	};
		
	if (ImGui::BeginCoolBar("##CoolBarMain", ImCoolBar_Horizontal, ImVec2(0.5f, 1.0f))) {
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("A")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("B")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("C")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("D")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("E")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("F")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("G")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("H")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("I")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("J")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("K")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("L")) {
			
			}
		}
		if (ImGui::CoolBarItem()) {
			if (coolbar_button("M")) {
			
			}
		}
		ImGui::EndCoolBar();
	}

Result :

Demo App

imcoolbar's Issues

ImCoolBar is now available in Dear ImGui Bundle

Hi @aiekick

This is just for information (you can close this issue whenever you want).

ImCoolBar was added inside Dear ImGui Bundle (see v1.0.0-beta1)

You can see it in action in the interactive emscripten demo: click on the "Widgets" tab.

It is thus also available in python within ImGui Bundle. See its bindings "header".

• See an example usage with python in ImGui Bundle
• See the same example in C++

Cheers,

Pascal Thomet

Disabling the minor vertical jump

I was wondering if it was possible to disable the minor movement in the Y-Axis (in the case of ImCoolBarFlags_Horizontal) that happens on the initial mouse-over and when the bar moves back into its resting state.

Screen.Recording.2024-05-31.at.08.57.23.mov

What are the fonts for?

Hey,
thanks for sharing @aiekick.
it looks pretty cool.

I get it working in openFrameworks, but I had to disable the fonts loading.
(and it looks the same that your gifs)

What are they intended to do?