Integrating Dear ImGui with SDL3 on Android Интеграция Dear ImGui с SDL3 на Android

A step-by-step guide to compiling Dear ImGui source code alongside SDL3 in your Android project and setting up touch-friendly graphical user interfaces. Пошаговое руководство по сборке исходного кода Dear ImGui вместе с SDL3 в вашем Android-проекте и настройке графического интерфейса с поддержкой сенсорного ввода.

Before starting this guide, make sure you have completed the foundational tutorial: Перед началом работы убедитесь, что вы выполнили предыдущие руководства:

Step 1: Download Base Template and ImGui Sources Шаг 1: Скачивание базового шаблона и исходников ImGui

1. Download the starter C++ project template: 1. Скачайте базовый C++ шаблон проекта:

Rename your project folder to integrate-imgui-android-sdl3-cpp. Переименуйте папку проекта в integrate-imgui-android-sdl3-cpp.

2. Download the Dear ImGui source release from GitHub Releases. 2. Скачайте релиз исходного кода Dear ImGui из GitHub Releases.

3. Unzip the downloaded archive into the C:/libs folder. 3. Распакуйте скачанный архив в папку C:/libs.

Step 2: Update CMakeLists.txt Шаг 2: Обновление CMakeLists.txt

Open CMakeLists.txt in the root directory and configure it to compile the ImGui source files and backends directly alongside your application target: Откройте CMakeLists.txt в корне проекта и настройте его для прямой компиляции исходников ImGui и бэкендов вместе с вашим приложением:

Step 3: Write the C++ Source Code Шаг 3: Написание исходного кода на C++

Replace the contents of src/main.cpp with the following code to initialize Dear ImGui, attach the SDL3 and SDL Renderer backends, and render an interactive UI frame: Замените содержимое файла src/main.cpp следующим кодом для инициализации Dear ImGui, подключения бэкендов SDL3 и SDL Renderer и отрисовки интерактивного интерфейса:

Step 4: Build and Run on Android Шаг 4: Сборка и запуск на Android

Run the provided helper scripts in your command prompt to compile the app and push it directly to your connected device: Запустите готовые батч-скрипты в командной строке для сборки и автоматической установки на подключенное устройство:

build-apk
install-apk

Once installed, tap the application icon on your smartphone to launch it and test the interactive ImGui interface. После завершения установки нажмите на иконку приложения на смартфоне, чтобы запустить его и протестировать интерактивный интерфейс ImGui.

Source Code Исходный код

You can explore the source code and download the complete project directly from the GitHub repository: Вы можете изучить исходный код и скачать готовый проект напрямую из репозитория на GitHub:

Touch Joystick Example Пример виртуального тач-джойстика

Looking to add touch controls to your mobile game? Check out this complete open-source example demonstrating an interactive virtual touch joystick built with SDL3 and Dear ImGui: Хотите добавить сенсорное управление в свою мобильную игру? Ознакомьтесь с готовым открытым примером, демонстрирующим интерактивный виртуальный джойстик, реализованный с помощью SDL3 и Dear ImGui:


Support My Work Поддержать проект

If these tutorials helped you, consider buying me a coffee! Если эти туториалы вам помогли, вы можете поддержать автора.

Sberbank (Russia only) Сбербанк (только для РФ)

Sberbank SBP QR Code

Direct transfer via phone number (Russia only) Перевод по номеру телефона (только для РФ)

+7 (917) 212-29-59

USDT TRC20

USDT TRC20 QR Code

Support via Cryptocurrency Поддержка криптовалютой

TMtY1YifNf6FKvgeFmqKGQR4NStKr3csGp