From 7b1b6e4176829d4c9d897821c8a2d51da78e0243 Mon Sep 17 00:00:00 2001 From: Matthias Richter Date: Thu, 12 Apr 2012 00:54:06 +0200 Subject: More documentation --- README.md | 200 ++++++++++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 148 insertions(+), 52 deletions(-) (limited to 'README.md') diff --git a/README.md b/README.md index 7feda1b..7506009 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Quickie is an [immediate mode gui][IMGUI] library for [LÖVE][LOVE]. Initial inspiration came from the article [Sol on Immediate Mode GUIs (IMGUI)][Sol]. You should check it out to understand how Quickie works. -## Example +# Example local gui = require 'quickie' @@ -48,89 +48,80 @@ Quickie is an [immediate mode gui][IMGUI] library for [LÖVE][LOVE]. Initial gui.core.keyboard.pressed(key, code) end -## Documentation +# Modules -### Modules +
+
gui = require 'quickie'
+
Main module. Includes all other modules.
-`gui = require 'quickie'` +
gui.core = require 'quickie.core'
+
Core functionality: Input, display, widget internals, ...
-* Main module. Includes all other modules. +
gui.style = require 'quickie.style-default'
+
Default widget style. May be replaced by custom style.
-`gui.core = require 'quickie.core'` +
gui.Button = require 'quickie.button'
+
Button widget.
-* Core functionality: Input, display, widget internals, ... +
gui.Slider = require 'quickie.slider'
+
Slider widget.
-`gui.style = require 'quickie.style-default'` +
gui.Slider2D = require 'quickie.slider2d'
+
2D slider widget.
-* Default widget style. May be replaced by custom style. +
gui.Label = require 'quickie.label'
+
Label widget.
-`gui.Button = require 'quickie.button'` +
gui.Input = require 'quickie.input'
+
Input box widget.
-* Button widget. +
gui.Checkbox = require 'quickie.checkbox'
+
Check box widget.
+
-`gui.Slider = require 'quickie.slider'` - -* Slider widget. - -`gui.Slider2D = require 'quickie.slider2d'` - -* 2D slider widget. - -`gui.Label = require 'quickie.label'` - -* Label widget. - -`gui.Input = require 'quickie.input'` - -* Input box widget. - -`gui.Checkbox = require 'quickie.checkbox'` - -* Check box widget. - -### Widgets +# Widgets * Widgets are functions; they should return `true` if the state has changed. * Widgets don't manage state. That's your job. * Calling a widget function creates the widget for the current frame only. * Widgets will be shown using `gui.core.draw()`. See the example above. -#### Button +## Button ```lua function gui.Button(label, x,y,w,h, widgetHit, draw) ``` -**Parameters:** +#### Parameters: * *string* `label`: Button label. * *numbers* `x,y,w,h`: Hit box. * *function* `widgetHit`: Custom mouse hit function *(optional)*. * *function* `draw`: Custom widget style *(optional)*. -**Returns:** +#### Returns: * `true` if button was activated. -**Hit test function prototype:** +#### Hit test function signature: ```lua function widgetHit(mouse_x, mouse_y, x,y,w,h) ``` -**Style function prototype:** +#### Style function signature: ```lua function draw(state, title, x,y,w,h) ``` -#### Slider +## Slider ```lua function gui.Slider(info, x,y,w,h, widgetHit, draw) ``` -**Parameters:** +#### Parameters: * *table* `info`: Widget info table. Fields: * *number* `info.value`: The slider value *(required)*. @@ -142,44 +133,149 @@ function gui.Slider(info, x,y,w,h, widgetHit, draw) * *function* `widgetHit`: Custom mouse hit function *(optional)*. * *function* `draw`: Custom widget style *(optional)*. -**Returns:** +#### Returns: * `true` if slider value changed. -**Hit test function prototype:** +#### Hit test function signature: ```lua function widgetHit(mouse_x, mouse_y, x,y,w,h) ``` -**Style function prototype:** +#### Style function signature: ```lua function draw(state, fraction, x,y,w,h, vertical) ``` -#### Slider2D +## Slider2D -TODO +```lua +function gui.Slider2D(info, x,y,w,h, widgetHit, draw) +``` -#### Label +#### Parameters: -TODO +* *table* `info`: Widget info table. Fields: + * *table* `info.value = {x = x, y = y}`: The slider value *(required)*. + * *table* `info.min = {x = x, y = y}`: Minimum value *(optional, `default = {x = 0, y = 0}`)*. + * *table* `info.max = {x = x, y = y}`: Maximum value *(optional, `default = {x = max(value.x, 1), y = max(value.y, 1)}`)*. + * *table* `info.step = {x = x, y = y}`: Step for keyboard input *(optional)*. +* *numbers* `x,y,w,h`: Hit box. +* *function* `widgetHit`: Custom mouse hit function *(optional)*. +* *function* `draw`: Custom widget style *(optional)*. -#### Input +#### Returns: -TODO +* `true` if slider value changed. -#### Checkbox +#### Hit test function signature: + +```lua +function widgetHit(mouse_x, mouse_y, x,y,w,h) +``` + +#### Style function signature: + +```lua +function draw(state, fraction, x,y,w,h) +``` + +**Note:** `fraction = {x = [0..1], y = [0..1]}` is a table argument + +## Label + +```lua +function gui.Label(text, x,y,w,h, align, draw) +``` + +#### Parameters: + +* *string* `text`: Label text. +* *numbers* `x,y`: Upper left corner of the label's bounding box. +* *numbers* `w,h`: Width and height of the bounding box *(optional, `default = 0,0`)*. +* *string* `align`: Text alignment. One of `left`, `center`, `right`. *(optional, `default = 'left'`)* +* *function* `draw`: Custom widget style *(optional)*. + +#### Returns: + +* `false`. + +#### Style function signature: + +```lua +function draw(state, text, x,y,w,h, align) +``` + +## Input + +```lua +function gui.Input(info, x,y,w,h, widgetHit, draw) +``` + +#### Parameters: + +* *table* `info`: Widget info table. Fields: + * *string* `info.text`: Entered text *(optional `default = ""`)*. + * *number* `info.cursor`: Cursor position *(optional `default = info.text:len()`). +* *numbers* `x,y,w,h`: Hit box. +* *function* `widgetHit`: Custom mouse hit function *(optional)*. +* *function* `draw`: Custom widget style *(optional)*. + +#### Returns: + +* `true` if textbox value was changed. + +#### Hit test function signature: + +```lua +function widgetHit(mouse_x, mouse_y, x,y,w,h) +``` + +#### Style function signature: + +```lua +function draw(state, text, cursor, x,y,w,h) +``` + +## Checkbox + +```lua +function gui.Checkbox(info, x,y,w,h, widgetHit, draw) +``` + +#### Parameters: + +* *string* `info`: Widget info table. Fields: + * *boolean* `checked`: Whether the box is checked. +* *numbers* `x,y,w,h`: Hit box. +* *function* `widgetHit`: Custom mouse hit function *(optional)*. +* *function* `draw`: Custom widget style *(optional)*. + +#### Returns: + +* `true` if box was checked/unchecked. + +#### Hit test function signature: + +```lua +function widgetHit(mouse_x, mouse_y, x,y,w,h) +``` + +#### Style function signature: + +```lua +function draw(state, checked, x,y,w,h) +``` -TODO -### Core functions +# Core functions TODO -## License +# License Copyright (c) 2012 Matthias Richter -- cgit v1.2.3-54-g00ecf