mirror of
https://github.com/raysan5/raygui.git
synced 2025-12-25 10:22:33 -05:00
417 lines
18 KiB
C
417 lines
18 KiB
C
/*******************************************************************************************
|
|
*
|
|
* rGuiStyler - raygui Style Editor
|
|
*
|
|
* Compile this program using:
|
|
* gcc -o $(NAME_PART).exe $(FILE_NAME) external/tinyfiledialogs.c -I..\.. \
|
|
* -lraylib -lglfw3 -lopengl32 -lgdi32 -lcomdlg32 -lole32 -std=c99 -Wall
|
|
*
|
|
*
|
|
* LICENSE: zlib/libpng
|
|
*
|
|
* Copyright (c) 2014-2016 Sergio Martinez and Ramon Santamaria
|
|
*
|
|
* This software is provided "as-is", without any express or implied warranty. In no event
|
|
* will the authors be held liable for any damages arising from the use of this software.
|
|
*
|
|
* Permission is granted to anyone to use this software for any purpose, including commercial
|
|
* applications, and to alter it and redistribute it freely, subject to the following restrictions:
|
|
*
|
|
* 1. The origin of this software must not be misrepresented; you must not claim that you
|
|
* wrote the original software. If you use this software in a product, an acknowledgment
|
|
* in the product documentation would be appreciated but is not required.
|
|
*
|
|
* 2. Altered source versions must be plainly marked as such, and must not be misrepresented
|
|
* as being the original software.
|
|
*
|
|
* 3. This notice may not be removed or altered from any source distribution.
|
|
*
|
|
**********************************************************************************************/
|
|
|
|
#include "raylib.h"
|
|
|
|
#define RAYGUI_IMPLEMENTATION
|
|
#define RAYGUI_STYLE_SAVE_LOAD
|
|
#include "raygui.h"
|
|
|
|
#include "external/tinyfiledialogs.h" // Open/Save file dialogs
|
|
|
|
#include <stdlib.h>
|
|
#include <stdio.h>
|
|
#include <string.h>
|
|
|
|
#if defined(_WIN32)
|
|
#include <direct.h>
|
|
#define GetCurrentDir _getcwd
|
|
#else
|
|
#include <unistd.h>
|
|
#define GetCurrentDir getcwd
|
|
#endif
|
|
|
|
//----------------------------------------------------------------------------------
|
|
// Defines and Macros
|
|
//----------------------------------------------------------------------------------
|
|
#define FONT_SIZE 10
|
|
#define COLOR_REC GuiLinesColor()
|
|
#define CONTROL_LIST_HEIGHT 38
|
|
#define STATUS_BAR_HEIGHT 25
|
|
|
|
#define NUM_CONTROLS 11
|
|
|
|
// NOTE: Be extremely careful when defining: NUM_CONTROLS, GuiElement, guiControlText, guiPropertyNum, guiPropertyType and guiPropertyPos
|
|
// All those variables must be coherent, one small mistake breaks the program (and it could take hours to find the error!)
|
|
|
|
//----------------------------------------------------------------------------------
|
|
// Types and Structures Definition
|
|
//----------------------------------------------------------------------------------
|
|
typedef enum {
|
|
LABEL = 0,
|
|
BUTTON,
|
|
TOGGLE,
|
|
TOGGLEGROUP,
|
|
SLIDER,
|
|
SLIDERBAR,
|
|
PROGRESSBAR,
|
|
SPINNER,
|
|
COMBOBOX,
|
|
CHECKBOX,
|
|
TEXTBOX
|
|
} GuiControlType;
|
|
|
|
//----------------------------------------------------------------------------------
|
|
// Global Variables Definition
|
|
//----------------------------------------------------------------------------------
|
|
static char currentPath[256]; // Path to current working folder
|
|
|
|
const char *guiControlText[NUM_CONTROLS] = {
|
|
"LABEL",
|
|
"BUTTON",
|
|
"TOGGLE",
|
|
"TOGGLEGROUP",
|
|
"SLIDER",
|
|
"SLIDERBAR",
|
|
"PROGRESSBAR",
|
|
"SPINNER",
|
|
"COMBOBOX",
|
|
"CHECKBOX",
|
|
"TEXTBOX"
|
|
};
|
|
|
|
//----------------------------------------------------------------------------------
|
|
// Module Functions Declaration
|
|
//----------------------------------------------------------------------------------
|
|
static void BtnLoadStyle(void); // Button load style function
|
|
static void BtnSaveStyle(void); // Button save style function
|
|
|
|
//------------------------------------------------------------------------------------
|
|
// Program main entry point
|
|
//------------------------------------------------------------------------------------
|
|
int main()
|
|
{
|
|
// Initialization
|
|
//--------------------------------------------------------------------------------------
|
|
const int screenWidth = 1280;
|
|
const int screenHeight = 720;
|
|
|
|
SetConfigFlags(FLAG_WINDOW_RESIZABLE);
|
|
InitWindow(screenWidth, screenHeight, "rGuiStyler - raygui style editor");
|
|
|
|
int dropsCount = 0;
|
|
char **droppedFiles;
|
|
|
|
|
|
|
|
const int guiPropertyNum[NUM_CONTROLS] = { 3, 11, 14, 1, 7, 6, 4, 14, 18, 8, 6 };
|
|
|
|
// Defines if the property to change is a Color or a value to update it accordingly
|
|
// NOTE: 0 - Color, 1 - value
|
|
const unsigned char guiPropertyType[NUM_PROPERTIES] = { 1, 1, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0,
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 0, 0, 0, 1, 1, 1,
|
|
1, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
0, 0, 1, 1, 0, 0, 0, 0, 1 };
|
|
int aux = 0;
|
|
int guiPropertyPos[NUM_CONTROLS];
|
|
|
|
for (int i = 0; i < NUM_CONTROLS; i++)
|
|
{
|
|
guiPropertyPos[i] = aux;
|
|
aux += guiPropertyNum[i];
|
|
}
|
|
|
|
Rectangle guiControlListRec[NUM_CONTROLS];
|
|
|
|
for (int i = 0; i < NUM_CONTROLS; i++) guiControlListRec[i] = (Rectangle){ 0, 0 + i*CONTROL_LIST_HEIGHT, 140, CONTROL_LIST_HEIGHT };
|
|
|
|
int guiControlSelected = -1;
|
|
int guiControlHover = -1;
|
|
|
|
|
|
Rectangle guiPropertyListRec[NUM_PROPERTIES];
|
|
|
|
for (int j = 0; j < NUM_CONTROLS; j++)
|
|
{
|
|
for (int i = 0; i < guiPropertyNum[j]; i++)
|
|
{
|
|
if ((j + guiPropertyNum[j]) > 18) guiPropertyListRec[guiPropertyPos[j] + i] = (Rectangle){ guiControlListRec[0].width, guiControlListRec[18 - guiPropertyNum[j]].y + i*CONTROL_LIST_HEIGHT, 260, CONTROL_LIST_HEIGHT };
|
|
else guiPropertyListRec[guiPropertyPos[j] + i] = (Rectangle){ guiControlListRec[0].width, guiControlListRec[j].y + i*CONTROL_LIST_HEIGHT, 260, CONTROL_LIST_HEIGHT };
|
|
}
|
|
}
|
|
|
|
int guiPropertySelected = -1;
|
|
int guiPropertyHover = -1;
|
|
//------------------------------------------------------------
|
|
|
|
// Gui area variables
|
|
//-----------------------------------------------------------
|
|
int guiPosX = 455;
|
|
int guiPosY = 35;
|
|
|
|
int guiHeight = 30;
|
|
int guiWidth = 150;
|
|
|
|
int deltaY = 60;
|
|
|
|
int selectPosX = 401;
|
|
int selectWidth = screenWidth - 723;
|
|
//------------------------------------------------------------
|
|
|
|
// Gui controls data
|
|
//-----------------------------------------------------------
|
|
bool toggle = false;
|
|
bool toggleValue = false;
|
|
const char *toggleGuiText[3] = { "toggle", "group", "selection" };
|
|
|
|
float sliderValue = 50.0f;
|
|
float sliderBarValue = 20.0f;
|
|
float progressValue = 0.0f;
|
|
|
|
bool checked = false;
|
|
|
|
int spinnerValue = 20;
|
|
|
|
int comboNum = 5;
|
|
const char *comboText[5] = { "this", "is", "a" ,"combo", "box" };
|
|
int comboActive = 0;
|
|
|
|
char guiText[17] = { '\0' };
|
|
|
|
Vector2 colorPickerPos = { (float)screenWidth - 287, 20.0f };
|
|
Color colorPickerValue = RED;
|
|
Texture2D texIcons = LoadTexture("rmap_icons.png");
|
|
//-----------------------------------------------------------
|
|
|
|
// Get current directory
|
|
// NOTE: Current working directory could not match current executable directory
|
|
GetCurrentDir(currentPath, sizeof(currentPath));
|
|
currentPath[strlen(currentPath)] = '\\';
|
|
currentPath[strlen(currentPath) + 1] = '\0'; // Not really required
|
|
|
|
GuiLoadStyleImage("rguistyle_default_light.png");
|
|
|
|
SetTargetFPS(60);
|
|
//--------------------------------------------------------------------------------------
|
|
|
|
// Main game loop
|
|
while (!WindowShouldClose()) // Detect window close button or ESC key
|
|
{
|
|
// Update
|
|
//----------------------------------------------------------------------------------
|
|
if (IsFileDropped())
|
|
{
|
|
droppedFiles = GetDroppedFiles(&dropsCount);
|
|
GuiLoadStyle(droppedFiles[0]);
|
|
ClearDroppedFiles();
|
|
}
|
|
|
|
// NOTE: We must verify that guiControlSelected and guiPropertySelected are valid
|
|
|
|
// Check gui control selected
|
|
for (int i = 0; i < NUM_CONTROLS; i++)
|
|
{
|
|
if (CheckCollisionPointRec(GetMousePosition(), guiControlListRec[i]))
|
|
{
|
|
guiControlSelected = i;
|
|
guiControlHover = i;
|
|
|
|
guiPropertySelected = -1;
|
|
guiPropertyHover = -1;
|
|
break;
|
|
}
|
|
else guiControlHover = -1;
|
|
}
|
|
|
|
// Check gui property selected
|
|
if (guiControlSelected != -1)
|
|
{
|
|
for (int i = guiPropertyPos[guiControlSelected]; i < guiPropertyPos[guiControlSelected] + guiPropertyNum[guiControlSelected]; i++)
|
|
{
|
|
if (CheckCollisionPointRec(GetMousePosition(), guiPropertyListRec[i]))
|
|
{
|
|
guiPropertyHover = i;
|
|
|
|
// Show current value in color picker or spinner
|
|
if (guiPropertySelected == -1)
|
|
{
|
|
if (guiPropertyType[guiPropertyHover] == 0) // Color type
|
|
{
|
|
// Update color picker color value
|
|
colorPickerValue = GetColor(GuiGetStyleProperty(guiPropertyHover));
|
|
}
|
|
//else if (guiPropertyType[guiPropertyHover] == 1) sizeValueSelected = GuiGetStyleProperty(guiPropertyHover);
|
|
}
|
|
|
|
// Check if gui property is clicked
|
|
if (IsMouseButtonPressed(MOUSE_LEFT_BUTTON))
|
|
{
|
|
if (guiPropertySelected == i) guiPropertySelected = -1;
|
|
else
|
|
{
|
|
guiPropertySelected = i;
|
|
|
|
if ((guiPropertyHover > -1) && (guiPropertyType[guiPropertyHover] == 0))
|
|
{
|
|
if (guiPropertySelected > -1) colorPickerValue = GetColor(GuiGetStyleProperty(guiPropertySelected));
|
|
}
|
|
//else if (guiPropertySelected > -1) sizeValueSelected = GuiGetStyleProperty(guiPropertySelected);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
else guiPropertyHover = -1;
|
|
}
|
|
}
|
|
|
|
// Update progress bar automatically
|
|
progressValue += 0.0005f;
|
|
if (progressValue > 1.0f) progressValue = 0.0f;
|
|
//----------------------------------------------------------------------------------
|
|
|
|
// Draw
|
|
//----------------------------------------------------------------------------------
|
|
BeginDrawing();
|
|
|
|
ClearBackground(RAYWHITE);
|
|
|
|
DrawRectangle(400, 0, 559, GetScreenHeight() - STATUS_BAR_HEIGHT - 1, GuiBackgroundColor());
|
|
|
|
// Draw left panel property list and selections
|
|
DrawRectangle(0,0, guiControlListRec[0].width, GetScreenHeight() - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.3f));
|
|
DrawRectangle(guiControlListRec[0].width,0, guiPropertyListRec[0].width, GetScreenHeight() - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.1f));
|
|
if (guiControlHover >= 0) DrawRectangleRec(guiControlListRec[guiControlHover], Fade(COLOR_REC, 0.5f));
|
|
if (guiControlSelected >= 0) DrawRectangleLines(guiControlListRec[guiControlSelected].x, guiControlListRec[guiControlSelected].y, guiControlListRec[guiControlSelected].width, guiControlListRec[guiControlSelected].height, Fade(COLOR_REC,0.5f));
|
|
for (int i = 0; i < NUM_CONTROLS; i++) DrawText(guiControlText[i], guiControlListRec[i].width/2 - MeasureText(guiControlText[i], FONT_SIZE)/2, 15 + i*CONTROL_LIST_HEIGHT, FONT_SIZE, GuiTextColor());
|
|
|
|
// Draw line separators
|
|
DrawLine(guiControlListRec[0].width, 0, guiControlListRec[0].width, screenHeight - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.8f));
|
|
DrawLine(400, 0, 400, screenHeight - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.8f));
|
|
DrawLine(screenWidth - 320, 0, screenWidth - 320, screenHeight - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.8f));
|
|
|
|
// Draw selected control rectangles
|
|
switch (guiControlSelected)
|
|
{
|
|
case LABEL: DrawRectangleLines(selectPosX + 10, guiPosY - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case BUTTON: DrawRectangleLines(selectPosX + 10, guiPosY + deltaY - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case TOGGLE:
|
|
case TOGGLEGROUP: DrawRectangleLines(selectPosX + 10, guiPosY + (2 * deltaY) - 10, selectWidth - 20, guiHeight + 80, Fade(COLOR_REC, 0.8f)); break;
|
|
case SLIDER: DrawRectangleLines(selectPosX + 10, guiPosY + (4 * deltaY) - 10, selectWidth - 20, guiHeight + 80, Fade(COLOR_REC, 0.8f)); break;
|
|
case PROGRESSBAR: DrawRectangleLines(selectPosX + 10, guiPosY + (6 * deltaY) - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case SPINNER: DrawRectangleLines(selectPosX + 10, guiPosY + (7 * deltaY) - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case COMBOBOX: DrawRectangleLines(selectPosX + 10, guiPosY + (8 * deltaY) - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case CHECKBOX: DrawRectangleLines(selectPosX + 10, guiPosY + (9 * deltaY) - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
case TEXTBOX: DrawRectangleLines(selectPosX + 10, guiPosY + (10 * deltaY) - 10, selectWidth - 20, guiHeight + 20, Fade(COLOR_REC, 0.8f)); break;
|
|
default: break;
|
|
}
|
|
|
|
|
|
// Draw GUI test controls
|
|
GuiLabel((Rectangle){guiPosX, guiPosY, guiWidth, guiHeight}, "Label");
|
|
|
|
if (GuiButton((Rectangle){guiPosX, guiPosY + deltaY, guiWidth, guiHeight}, "Button")) { }
|
|
|
|
if (GuiLabelButton((Rectangle){guiPosX + guiWidth + 10, guiPosY + deltaY, guiWidth, guiHeight}, "LabelButton")) {}
|
|
|
|
if (GuiImageButtonEx((Rectangle){ guiPosX + guiWidth*2 + 10, guiPosY + deltaY, texIcons.width/3 + 50, texIcons.height/6 + 50 }, texIcons , (Rectangle){ 0, 0, texIcons.width/3, texIcons.height/6 })) { }
|
|
|
|
if (toggle) toggle = GuiToggleButton((Rectangle){guiPosX, guiPosY + 2*deltaY, guiWidth, guiHeight}, "Toggle ACTIVE", toggle);
|
|
else toggle = GuiToggleButton((Rectangle){guiPosX, guiPosY + 2*deltaY, guiWidth, guiHeight}, "Toggle INACTIVE", toggle);
|
|
|
|
toggleValue = GuiToggleGroup((Rectangle){guiPosX, guiPosY + 3*deltaY, guiWidth, guiHeight}, toggleGuiText, 3, toggleValue);
|
|
|
|
sliderValue = GuiSlider((Rectangle){guiPosX, guiPosY + 4*deltaY, 3*guiWidth, guiHeight}, sliderValue, 0, 100);
|
|
|
|
sliderBarValue = GuiSliderBar((Rectangle){guiPosX, guiPosY + 5*deltaY, 3*guiWidth, guiHeight}, sliderBarValue, -10.0f, 40.0f);
|
|
|
|
progressValue = GuiProgressBar((Rectangle){guiPosX, guiPosY + 6*deltaY, 3*guiWidth, guiHeight}, progressValue, 0.0f, 1.0f);
|
|
|
|
spinnerValue = GuiSpinner((Rectangle){guiPosX, guiPosY + 7*deltaY, guiWidth, guiHeight}, spinnerValue, 0, 100);
|
|
|
|
comboActive = GuiComboBox((Rectangle){guiPosX, guiPosY + 8*deltaY, guiWidth, guiHeight}, comboText, comboNum, comboActive);
|
|
|
|
checked = GuiCheckBox((Rectangle){guiPosX, guiPosY + 9*deltaY, guiWidth/5, guiHeight}, checked);
|
|
|
|
GuiTextBox((Rectangle){guiPosX, guiPosY + 10*deltaY, guiWidth, guiHeight}, guiText, 16);
|
|
|
|
//GuiDisable();
|
|
colorPickerValue = GuiColorPicker((Rectangle){ colorPickerPos.x, colorPickerPos.y, 240, 240 }, colorPickerValue);
|
|
GuiEnable();
|
|
|
|
// Draw Load and Save buttons
|
|
if (GuiButton((Rectangle){ colorPickerPos.x, screenHeight - STATUS_BAR_HEIGHT - 100, 260, 30 }, "Load Style")) BtnLoadStyle();
|
|
if (GuiButton((Rectangle){ colorPickerPos.x, screenHeight - STATUS_BAR_HEIGHT - 60, 260, 30 }, "Save Style")) BtnSaveStyle();
|
|
|
|
// Draw bottom status bar info
|
|
DrawLine(0, screenHeight - STATUS_BAR_HEIGHT, screenWidth, screenHeight - STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.8f));
|
|
DrawRectangle(0, screenHeight - STATUS_BAR_HEIGHT, screenWidth, STATUS_BAR_HEIGHT, Fade(COLOR_REC, 0.1f));
|
|
DrawText(FormatText("ColorPicker hexadecimal value #%x", GetHexValue(colorPickerValue)), screenWidth - 260 , screenHeight - STATUS_BAR_HEIGHT + 8, FONT_SIZE , GuiTextColor());
|
|
|
|
EndDrawing();
|
|
//----------------------------------------------------------------------------------
|
|
}
|
|
// De-Initialization
|
|
//--------------------------------------------------------------------------------------
|
|
ClearDroppedFiles(); // Clear internal buffers
|
|
|
|
CloseWindow(); // Close window and OpenGL context
|
|
//--------------------------------------------------------------------------------------
|
|
|
|
return 0;
|
|
}
|
|
|
|
//--------------------------------------------------------------------------------------------
|
|
// Module functions
|
|
//--------------------------------------------------------------------------------------------
|
|
|
|
// Button load style function
|
|
static void BtnLoadStyle(void)
|
|
{
|
|
// Open file dialog
|
|
const char *filters[] = { "*.rstyle" };
|
|
|
|
const char *fileName; // = tinyfd_openFileDialog("Load raygui style file", currentPath, 1, filters, "raygui Style Files (*.rstyle)", 0);
|
|
|
|
if (fileName != NULL) GuiLoadStyle(fileName);
|
|
}
|
|
|
|
// Button save style function
|
|
static void BtnSaveStyle(void)
|
|
{
|
|
char currrentPathFile[256];
|
|
|
|
// Add sample file name to currentPath
|
|
strcpy(currrentPathFile, currentPath);
|
|
strcat(currrentPathFile, "mystyle.rstyle\0");
|
|
|
|
// Save file dialog
|
|
const char *filters[] = { "*.rstyle" };
|
|
const char *fileName; // = tinyfd_saveFileDialog("Save raygui style file", currrentPathFile, 1, filters, "raygui Style Files (*.rstyle)");
|
|
|
|
if (fileName != NULL)
|
|
{
|
|
GuiSaveStyle(fileName);
|
|
fileName = "";
|
|
}
|
|
}
|