ReiLuaGui calculator example.

1 files changed, 354 insertions, 0 deletions

diff --git a/examples/ReiLuaGui_calculator/main.lua b/examples/ReiLuaGui_calculator/main.lua
new file mode 100644
index 0000000..57ba9a1
--- /dev/null
+++ b/examples/ReiLuaGui_calculator/main.lua
@@ -0,0 +1,354 @@
+package.path = package.path..";"..RL_GetBasePath().."../resources/lib/?.lua"
+
+util = require( "utillib" )
+Vec2 = require( "vector2" )
+Rect = require( "rectangle" )
+Color = require( "color" )
+Gui = require( "gui" )
+
+-- Textures.
+
+local cancelTexture = RL_LoadTexture( RL_GetBasePath().."../resources/images/cancel.png" )
+local borderTexture = RL_LoadTexture( RL_GetBasePath().."../resources/images/ui_border.png" )
+local bgrTexture = RL_LoadTexture( RL_GetBasePath().."../resources/images/ui_bgr.png" )
+
+RL_GenTextureMipmaps( cancelTexture )
+RL_GenTextureMipmaps( bgrTexture )
+
+RL_SetTextureFilter( cancelTexture, TEXTURE_FILTER_TRILINEAR )
+RL_SetTextureFilter( bgrTexture, TEXTURE_FILTER_TRILINEAR )
+
+RL_SetTextureWrap( borderTexture, TEXTURE_WRAP_REPEAT )
+RL_SetTextureWrap( bgrTexture, TEXTURE_WRAP_REPEAT )
+
+-- Calculator definition.
+
+Calculator = {}
+Calculator.__index = Calculator
+
+function Calculator:new( pos )
+	pos = pos or Vec2:new( 0, 0 )
+
+	local object = setmetatable( {}, self )
+
+	object.HANDLE_HIGHT = 32
+	object.DISPLAY_HIGHT = 40
+	object.OPERATIONS = { ADD = 0, SUB = 1, MUL = 2, DIV = 3 }
+
+	object.windowRect = Rect:new( pos.x, pos.y, 196, 244 )
+	object.dragPos = Vec2:new( 0, 0 )
+
+	-- Handle
+
+	object.handle = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width, object.HANDLE_HIGHT ),
+		padding = 10,
+		onClicked = function()
+			object:set2Top()
+			object.dragPos = Vec2:new( RL_GetMousePosition() ) - Vec2:new( object.handle.bounds.x, object.handle.bounds.y )
+			Gui.heldCallback = function() object:drag() end
+		end,
+	} )
+
+	object.handle:add( Gui.texture:new( {
+		bounds = object.handle.bounds:clone(),
+		texture = bgrTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+	} ) )
+	
+	object.handle:add( Gui.texture:new( {
+		bounds = object.handle.bounds:clone(),
+		texture = borderTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+		nPatchInfo = { source = { 0, 0, 24, 24 }, left = 8, top = 8, right = 8, bottom = 8, layout = NPATCH_NINE_PATCH },
+	} ) )
+
+	object.handle:add( Gui.text:new( { text = "Calculator", fontSize = 20, VAling = Gui.ALING.CENTER } ) )
+
+	-- Close button.
+
+	object.closeButton = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.HANDLE_HIGHT, object.HANDLE_HIGHT ),
+		onClicked = function()
+			object:setVisible( false )
+		end,
+		onMouseOver = function( self ) self.items[1].color = Color:new( WHITE ) end,
+		notMouseOver = function( self ) self.items[1].color = Color:new( BLACK ) end,
+	} )
+
+	object.closeButton:add( Gui.texture:new( {
+		bounds = object.closeButton.bounds:clone(),
+		texture = cancelTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+	} ) )
+
+	-- Panel.
+
+	object.panel = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width, object.windowRect.height - object.HANDLE_HIGHT ),
+	} )
+
+	object.panel:add( Gui.texture:new( {
+		bounds = object.panel.bounds:clone(),
+		texture = bgrTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( GRAY ),
+	} ) )
+
+	object.panel:add( Gui.texture:new( {
+		bounds = object.panel.bounds:clone(),
+		texture = borderTexture,
+		HAling = Gui.ALING.CENTER,
+		VAling = Gui.ALING.CENTER,
+		color = Color:new( LIGHTGRAY ),
+		nPatchInfo = { source = { 0, 0, 24, 24 }, left = 8, top = 8, right = 8, bottom = 8, layout = NPATCH_NINE_PATCH },
+	} ) )
+
+	-- Display.
+
+	object.display = Gui.element:new( {
+		bounds = Rect:new( 0, 0, object.windowRect.width - 16, object.DISPLAY_HIGHT ),
+		padding = 10,
+		drawBounds = true,
+		color = Color:new( WHITE )
+	} )
+
+	object.display:add( Gui.text:new( { text = "", fontSize = 30, VAling = Gui.ALING.CENTER, maxTextLen = 8 } ) )
+
+	-- Buttons.
+	
+	local buttonStrings = { "7", "8", "9", "/", "4", "5", "6", "*", "1", "2", "3", "-", "0", "C", "=", "+" }
+	object.buttons = {}
+
+	for y = 0, 3 do
+		for x = 0, 3 do
+			local i = x + y * 4
+
+			table.insert( object.buttons, Gui.element:new( {
+				bounds = Rect:new( 0, 0, 40, 32 ),
+				drawBounds = true,
+				onMouseOver = function( self ) self.color = Color:new( LIGHTGRAY ) end,
+				notMouseOver = function( self ) self.color = Color:new( GRAY ) end,
+			} ) )
+
+			object.buttons[ #object.buttons ].pos = Vec2:new( 8 + x * 46, object.HANDLE_HIGHT + object.DISPLAY_HIGHT + 16 + y * 38 )
+			object.buttons[ #object.buttons ]:add( Gui.text:new( { text = buttonStrings[i+1], fontSize = 30, HAling = Gui.ALING.CENTER, VAling = Gui.ALING.CENTER } ) )
+
+			if buttonStrings[i+1] == "/" then
+				object.buttons[ #object.buttons ].onClicked = function() object:setOperation( object.OPERATIONS.DIV ) end
+			elseif buttonStrings[i+1] == "*" then
+				object.buttons[ #object.buttons ].onClicked = function() object:setOperation( object.OPERATIONS.MUL ) end
+			elseif buttonStrings[i+1] == "-" then
+				object.buttons[ #object.buttons ].onClicked = function() object:setOperation( object.OPERATIONS.SUB ) end
+			elseif buttonStrings[i+1] == "+" then
+				object.buttons[ #object.buttons ].onClicked = function() object:setOperation( object.OPERATIONS.ADD ) end
+			elseif buttonStrings[i+1] == "C" then
+				object.buttons[ #object.buttons ].onClicked = function() object:clear() end
+			elseif buttonStrings[i+1] == "=" then
+				object.buttons[ #object.buttons ].onClicked = function() object:equals() end
+			else
+				object.buttons[ #object.buttons ].onClicked = function() object:addValue( tonumber( buttonStrings[i+1] ) ) end
+			end
+		end
+	end
+
+	-- Calculator variables.
+
+	object.value1 = ""
+	object.value2 = ""
+	object.operation = nil
+
+	-- Set position.
+
+	object:setPosition( Vec2:new( object.windowRect.x, object.windowRect.y ) )
+
+    return object
+end
+
+function Calculator:setPosition( pos )
+	self.windowRect.x = pos.x
+	self.windowRect.y = pos.y
+
+	self.handle:setPosition( pos )
+	self.closeButton:setPosition( Vec2:new( pos.x + self.windowRect.width - self.HANDLE_HIGHT, pos.y ) )
+	self.panel:setPosition( Vec2:new( pos.x, pos.y + self.HANDLE_HIGHT ) )
+	self.display:setPosition( Vec2:new( pos.x + 8, pos.y + self.HANDLE_HIGHT + 8 ) )
+
+	for _, button in ipairs( self.buttons ) do
+		button:setPosition( pos + button.pos )
+	end
+end
+
+function Calculator:drag()
+	local mousePos = Vec2:new( RL_GetMousePosition() )
+	local winPos = Vec2:new( self.handle.bounds.x, self.handle.bounds.y )
+
+	self:setPosition( mousePos - self.dragPos )
+end
+
+function Calculator:setVisible( visible )
+	self.handle.visible = visible
+	self.handle.disabled = not visible
+
+	self.closeButton.visible = visible
+	self.closeButton.disabled = not visible
+	
+	self.panel.visible = visible
+	self.panel.disabled = not visible
+
+	self.display.visible = visible
+	self.display.disabled = not visible
+	
+	for _, button in ipairs( self.buttons ) do
+		button.visible = visible
+		button.disabled = not visible
+	end
+end
+
+function Calculator:set2Top()
+	self.panel:set2Top()
+	
+	for _, button in ipairs( self.buttons ) do
+		button:set2Top()
+	end
+
+	self.handle:set2Top()
+	self.closeButton:set2Top()
+	self.display:set2Top()
+end
+
+function Calculator:addValue( value )
+	if self.operation == nil then
+		self.value1 = self.value1..value
+	else
+		self.value2 = self.value2..value
+	end
+
+	self:updateDisplay()
+end
+
+function Calculator:setOperation( operation )
+	if self.value1 ~= "" then
+		self.operation = operation
+	end
+
+	if self.value2 ~= "" then
+		self:equals()
+	end
+
+	self:updateDisplay()
+end
+
+function Calculator:clear()
+	self.value1 = ""
+	self.value2 = ""
+	self.operation = nil
+
+	self:updateDisplay()
+end
+
+function Calculator:updateDisplay( setText )
+	local text = setText or ""
+
+	if self.value1 ~= "" then
+		text = self.value1
+	end
+
+	if self.operation ~= nil then
+		if self.operation == self.OPERATIONS.ADD then
+			text = text.." + "
+		elseif self.operation == self.OPERATIONS.SUB then
+			text = text.." - "
+		elseif self.operation == self.OPERATIONS.MUL then
+			text = text.." * "
+		elseif self.operation == self.OPERATIONS.DIV then
+			text = text.." / "
+		end
+	end
+
+	if self.value2 ~= "" then
+		text = text..self.value2
+	end
+
+	self.display.items[1]:set( text )
+end
+
+function Calculator:equals()
+	local result = 0
+
+	if self.operation == self.OPERATIONS.ADD then
+		result = tonumber( self.value1 ) + tonumber( self.value2 )
+	elseif self.operation == self.OPERATIONS.SUB then
+		result = tonumber( self.value1 ) - tonumber( self.value2 )
+	elseif self.operation == self.OPERATIONS.MUL then
+		result = tonumber( self.value1 ) * tonumber( self.value2 )
+	elseif self.operation == self.OPERATIONS.DIV then
+		if tonumber( self.value2 ) == 0 then
+			self:clear()
+			self:updateDisplay( "Error" )
+
+			return
+		else
+			result = tonumber( self.value1 ) / tonumber( self.value2 )
+		end
+	end
+
+	self:clear()
+	self.value1 = tostring( result )
+	self:updateDisplay()
+end
+
+-- End of calculator definition.
+
+local calculator = nil
+local calculator2 = nil
+local showButton = nil
+
+function initGui()
+	showButton = Gui.element:new( {
+		bounds = Rect:new( 0, 0, 96, 32 ),
+		drawBounds = true,
+		onClicked = function()
+			calculator:setVisible( true )
+			calculator2:setVisible( true )
+		end,
+		onMouseOver = function( self ) self.color = Color:new( LIGHTGRAY ) end,
+		notMouseOver = function( self ) self.color = Color:new( GRAY ) end,
+	} )
+
+	showButton:add( Gui.text:new( { text = "Show", VAling = Gui.ALING.CENTER, HAling = Gui.ALING.CENTER } ) )
+
+	calculator = Calculator:new( Vec2:new( 128, 96 ) )
+	calculator2 = Calculator:new( Vec2:new( 340, 96 ) )
+end
+
+function init()
+	local monitor = 0
+	local mPos = RL_GetMonitorPosition( monitor )
+	local mSize = RL_GetMonitorSize( monitor )
+	winSize = RL_GetWindowSize()
+
+	RL_SetWindowTitle( "Calculator" )
+	RL_SetWindowState( FLAG_WINDOW_RESIZABLE )
+	RL_SetWindowState( FLAG_VSYNC_HINT )
+	RL_SetWindowSize( winSize )
+	RL_SetWindowPosition( { mPos[1] + mSize[1] / 2 - winSize[1] / 2, mPos[2] + mSize[2] / 2 - winSize[2] / 2 } )
+
+	initGui()
+end
+
+function process( delta )
+	Gui.process( Vec2:new( RL_GetMousePosition() ) )
+end
+
+function draw()
+	RL_ClearBackground( RAYWHITE )
+
+	Gui.draw()
+end