Interactive GUI with C++ and ImGui: 10 Hands-On Projects

Starting from the chapter start project, configure a CMake-based GUI with OpenGL, GLFW, ImGui, and ImPlot, install dependencies via the package tool, and build in VS Code.

Review the source files main.cpp, render, and render.cpp that set up a glfw window with an OpenGL backend and define window class with a render at 60 frames per second.

Learn to render an ImGui window with begin and end, understand stack behavior, and render Hello world using set next window pos and size with flags like no move.

Explore the official ImGui demo to see features such as main menu bar, tables, and buttons, with code you can copy, run, and customize using VS Code IntelliSense.

Design and implement an ImGui-based file explorer, splitting the draw into menu, content, actions, and filter, enabling directory navigation via selectable entries and extension-based counts.

Review key ImGui concepts from the first example, including separators, cursor shift, button interactions, same-line layout, selectable lists with blue highlights, and popup modals with open/end commands and matching names.

build a plotting tool with ImGui and the plot library to plot sine and cosine functions, move the view, and render colored functions; extend to user input for polynomial plots.

Create a function plotter with the ImPlot extension for ImGui to graph sine and cosine, using checkboxes to select functions and an enum-based mapping for evaluation.

We recap key GUI concepts from the course, including checkboxes for multi-select, begin plot and plot context creation, and options to disable legend, mouse input, and scrolling.

Implement a simple text editor in this chapter to type content, create and save files as text.txt, and load existing text files while showing the open file name and extension.

Create a text editor using a c-style char buffer and std::string for the file name, with memset initialization and ImGui popups for save and load.

Build a multi-line text editor with left line numbers using imgui, including a text buffer, line counting, and save-load file functionality with extensions.

Create and use a diff viewer to compare two files in a GUI, highlight differences in red, and copy lines between left and right panes to reach zero diff lines.

Explore a hands-on guide to building a file diff viewer in c++ with imgui, featuring side-by-side diffs, copy left/right, colored highlighting, and dynamic ui layout.

Explore imgui features, including a push style var for padding, rounding, and sizing defined by an enum, and create nested begin child windows with size, border, and text color helpers.

Build a simple paint tool that draws with colors and adjustable dot sizes, supports a color picker, and saves and reloads the canvas from a binary intermediate file format.

Develop a simple paint tool with C++ and ImGui, featuring an 800x600 drawing canvas, rgb color channels, brush size, and a save/load format with color buttons and a color picker.

explore drawing on a canvas with ImGui's window draw list, placing circles and rectangles at the cursor using an invisible button; add color, sliders, popups, and save/load to image files.

Build an interactive calendar tool in C++ with ImGui, using a month name dropdown. Define a serializable meeting type and a date map to store meetings.

Build a drawer calendar that iterates months and days, validates dates, and prints month names; highlight current date in blue and selected date in green, with pop-up to add meetings.

Build an interactive calendar UI in C++ with ImGui that lists meetings for the selected date. Support binary save/load and serialize/deserialize for meetings, and enable deleting by clicking.

Recap shows defining the next element and using pop item to fix widths inside a for loop, plus a combo box with a preview value and bullet text.

Implement a csv reader and writer to build a basic excel-like tool using c++ and imgui, including create new or load existing test.csv, edit cells, and adjust rows and columns.

Implement save and load buttons with popups for csv files and a clear button to reset the data vector, while handling save to csv and load from csv.

Explore ImGui's table api and integer sliders with min and max, see slider changes trigger actions, and learn per-column styling and navigation through rows and columns.

Define static constexpr constants for pi, circle radius, and hand lengths to render a wall clock with hour, minute, and second hands, strokes, inner circle, digital clock, and angles.

Review how to use the get window draw list to add circles and lines, and examine the get color function for element styling and ImU32 conversion from RGBA.