Add example for custom button

1 files changed, 48 insertions, 0 deletions

diff --git a/examples/example_30_custom_button.nim b/examples/example_30_custom_button.nim
new file mode 100755
index 0000000..1a1bc9d
--- /dev/null
+++ b/examples/example_30_custom_button.nim
@@ -0,0 +1,48 @@
+# This example shows how to make a custom button (subclassing).

+

+import nigui

+

+

+# Definition of a custom button

+type CustomButton = ref object of Button

+

+# Custom widgets need to draw themselves

+method handleDrawEvent*(control: CustomButton, event: DrawEvent) =

+  var button = cast[Button](event.control)

+  let canvas = event.control.canvas

+  canvas.areaColor = rgb(55, 55, 55)

+  canvas.textColor = rgb(255, 255, 255)

+  canvas.lineColor = rgb(255, 255, 255)

+  canvas.drawRectArea(0, 0, button.width, button.height)

+  canvas.drawTextCentered(button.text)

+  canvas.drawRectOutline(0, 0, button.width, button.height)

+

+# Override nigui.newButton (optional)

+proc newButton(text = ""): Button =

+  result = new CustomButton

+  result.init()

+  result.text = text

+

+

+# Main program

+

+app.init()

+

+var window = newWindow()

+

+var container = newLayoutContainer(Layout_Vertical)

+window.add(container)

+

+# Since newButton is overriden, this code is exactly the same as in a program using the native button

+var button = newButton("Button")

+container.add(button)

+

+var textArea = newTextArea()

+container.add(textArea)

+

+button.onClick = proc(event: ClickEvent) =

+  textArea.addLine("Button clicked")

+

+window.show()

+

+app.run()