John McCardle
55f6ea9502
Cookbook structure: - lib/: Reusable component library (Button, StatBar, AnimationChain, etc.) - primitives/: Demo apps for individual components - features/: Demo apps for complex features (animation chaining, shaders) - apps/: Complete mini-applications (calculator, dialogue system) - automation/: Screenshot capture utilities API signature updates applied: - on_enter/on_exit/on_move callbacks now only receive (pos) per #230 - on_cell_enter/on_cell_exit callbacks only receive (cell_pos) per #230 - Animation chain library uses Timer-based sequencing (unaffected by #229) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
296 lines
9 KiB
Python
296 lines
9 KiB
Python
#!/usr/bin/env python3
|
|
"""Button Widget Demo - Clickable buttons with hover/press states
|
|
|
|
Interactive controls:
|
|
Click: Interact with buttons
|
|
1-4: Trigger button actions via keyboard
|
|
D: Toggle button 4 enabled/disabled
|
|
ESC: Exit demo
|
|
"""
|
|
import mcrfpy
|
|
import sys
|
|
|
|
# Add parent to path for imports
|
|
sys.path.insert(0, str(__file__).rsplit('/', 2)[0])
|
|
from lib.button import Button, create_button_row, create_button_column
|
|
|
|
|
|
class ButtonDemo:
|
|
def __init__(self):
|
|
self.scene = mcrfpy.Scene("button_demo")
|
|
self.ui = self.scene.children
|
|
self.click_count = 0
|
|
self.buttons = []
|
|
self.setup()
|
|
|
|
def setup(self):
|
|
"""Build the demo scene."""
|
|
# Background
|
|
bg = mcrfpy.Frame(
|
|
pos=(0, 0),
|
|
size=(1024, 768),
|
|
fill_color=mcrfpy.Color(20, 20, 25)
|
|
)
|
|
self.ui.append(bg)
|
|
|
|
# Title
|
|
title = mcrfpy.Caption(
|
|
text="Button Widget Demo",
|
|
pos=(512, 30),
|
|
font_size=28,
|
|
fill_color=mcrfpy.Color(255, 255, 255)
|
|
)
|
|
title.outline = 2
|
|
title.outline_color = mcrfpy.Color(0, 0, 0)
|
|
self.ui.append(title)
|
|
|
|
# Click counter display
|
|
self.counter_caption = mcrfpy.Caption(
|
|
text="Clicks: 0",
|
|
pos=(512, 70),
|
|
font_size=18,
|
|
fill_color=mcrfpy.Color(200, 200, 100)
|
|
)
|
|
self.ui.append(self.counter_caption)
|
|
|
|
# Section 1: Basic buttons with different styles
|
|
section1_label = mcrfpy.Caption(
|
|
text="Basic Buttons (click or press 1-4)",
|
|
pos=(100, 130),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(150, 150, 150)
|
|
)
|
|
self.ui.append(section1_label)
|
|
|
|
# Default button
|
|
btn1 = Button(
|
|
"Default",
|
|
pos=(100, 160),
|
|
callback=lambda: self.on_button_click("Default")
|
|
)
|
|
self.buttons.append(btn1)
|
|
self.ui.append(btn1.frame)
|
|
|
|
# Custom color button
|
|
btn2 = Button(
|
|
"Custom",
|
|
pos=(240, 160),
|
|
fill_color=mcrfpy.Color(80, 50, 100),
|
|
hover_color=mcrfpy.Color(100, 70, 130),
|
|
press_color=mcrfpy.Color(120, 90, 150),
|
|
callback=lambda: self.on_button_click("Custom")
|
|
)
|
|
self.buttons.append(btn2)
|
|
self.ui.append(btn2.frame)
|
|
|
|
# Success-style button
|
|
btn3 = Button(
|
|
"Success",
|
|
pos=(380, 160),
|
|
fill_color=mcrfpy.Color(40, 120, 60),
|
|
hover_color=mcrfpy.Color(50, 150, 75),
|
|
press_color=mcrfpy.Color(60, 180, 90),
|
|
outline_color=mcrfpy.Color(100, 200, 120),
|
|
callback=lambda: self.on_button_click("Success")
|
|
)
|
|
self.buttons.append(btn3)
|
|
self.ui.append(btn3.frame)
|
|
|
|
# Danger-style button (toggleable)
|
|
self.btn4 = Button(
|
|
"Danger",
|
|
pos=(520, 160),
|
|
fill_color=mcrfpy.Color(150, 50, 50),
|
|
hover_color=mcrfpy.Color(180, 70, 70),
|
|
press_color=mcrfpy.Color(200, 90, 90),
|
|
outline_color=mcrfpy.Color(200, 100, 100),
|
|
callback=lambda: self.on_button_click("Danger")
|
|
)
|
|
self.buttons.append(self.btn4)
|
|
self.ui.append(self.btn4.frame)
|
|
|
|
# Section 2: Different sizes
|
|
section2_label = mcrfpy.Caption(
|
|
text="Button Sizes",
|
|
pos=(100, 240),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(150, 150, 150)
|
|
)
|
|
self.ui.append(section2_label)
|
|
|
|
# Small button
|
|
small = Button(
|
|
"Small",
|
|
pos=(100, 270),
|
|
size=(80, 30),
|
|
font_size=12,
|
|
callback=lambda: self.on_button_click("Small")
|
|
)
|
|
self.ui.append(small.frame)
|
|
|
|
# Medium button (default size)
|
|
medium = Button(
|
|
"Medium",
|
|
pos=(200, 270),
|
|
callback=lambda: self.on_button_click("Medium")
|
|
)
|
|
self.ui.append(medium.frame)
|
|
|
|
# Large button
|
|
large = Button(
|
|
"Large Button",
|
|
pos=(340, 270),
|
|
size=(180, 50),
|
|
font_size=20,
|
|
callback=lambda: self.on_button_click("Large")
|
|
)
|
|
self.ui.append(large.frame)
|
|
|
|
# Section 3: Button row
|
|
section3_label = mcrfpy.Caption(
|
|
text="Button Row (auto-layout)",
|
|
pos=(100, 360),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(150, 150, 150)
|
|
)
|
|
self.ui.append(section3_label)
|
|
|
|
row_buttons = create_button_row(
|
|
labels=["File", "Edit", "View", "Help"],
|
|
start_pos=(100, 390),
|
|
spacing=5,
|
|
size=(80, 35),
|
|
callbacks=[
|
|
lambda: self.on_button_click("File"),
|
|
lambda: self.on_button_click("Edit"),
|
|
lambda: self.on_button_click("View"),
|
|
lambda: self.on_button_click("Help"),
|
|
]
|
|
)
|
|
for btn in row_buttons:
|
|
self.ui.append(btn.frame)
|
|
|
|
# Section 4: Button column
|
|
section4_label = mcrfpy.Caption(
|
|
text="Button Column",
|
|
pos=(600, 240),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(150, 150, 150)
|
|
)
|
|
self.ui.append(section4_label)
|
|
|
|
col_buttons = create_button_column(
|
|
labels=["New Game", "Load Game", "Options", "Quit"],
|
|
start_pos=(600, 270),
|
|
spacing=5,
|
|
size=(150, 35),
|
|
callbacks=[
|
|
lambda: self.on_button_click("New Game"),
|
|
lambda: self.on_button_click("Load Game"),
|
|
lambda: self.on_button_click("Options"),
|
|
lambda: self.on_button_click("Quit"),
|
|
]
|
|
)
|
|
for btn in col_buttons:
|
|
self.ui.append(btn.frame)
|
|
|
|
# Section 5: Disabled state
|
|
section5_label = mcrfpy.Caption(
|
|
text="Disabled State (press D to toggle)",
|
|
pos=(100, 470),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(150, 150, 150)
|
|
)
|
|
self.ui.append(section5_label)
|
|
|
|
self.disabled_btn = Button(
|
|
"Disabled",
|
|
pos=(100, 500),
|
|
enabled=False,
|
|
callback=lambda: self.on_button_click("This shouldn't fire!")
|
|
)
|
|
self.ui.append(self.disabled_btn.frame)
|
|
|
|
self.toggle_info = mcrfpy.Caption(
|
|
text="Currently: Disabled",
|
|
pos=(240, 510),
|
|
font_size=14,
|
|
fill_color=mcrfpy.Color(180, 100, 100)
|
|
)
|
|
self.ui.append(self.toggle_info)
|
|
|
|
# Instructions
|
|
instr = mcrfpy.Caption(
|
|
text="Click buttons or press 1-4 | D: Toggle disabled | ESC: Exit",
|
|
pos=(50, 730),
|
|
font_size=14,
|
|
fill_color=mcrfpy.Color(120, 120, 120)
|
|
)
|
|
self.ui.append(instr)
|
|
|
|
# Last action display
|
|
self.action_caption = mcrfpy.Caption(
|
|
text="Last action: None",
|
|
pos=(50, 600),
|
|
font_size=16,
|
|
fill_color=mcrfpy.Color(100, 200, 100)
|
|
)
|
|
self.ui.append(self.action_caption)
|
|
|
|
def on_button_click(self, button_name):
|
|
"""Handle button click."""
|
|
self.click_count += 1
|
|
self.counter_caption.text = f"Clicks: {self.click_count}"
|
|
self.action_caption.text = f"Last action: Clicked '{button_name}'"
|
|
|
|
def on_key(self, key, state):
|
|
"""Handle keyboard input."""
|
|
if state != "start":
|
|
return
|
|
|
|
if key == "Escape":
|
|
sys.exit(0)
|
|
elif key == "Num1" and len(self.buttons) > 0:
|
|
self.buttons[0].callback()
|
|
elif key == "Num2" and len(self.buttons) > 1:
|
|
self.buttons[1].callback()
|
|
elif key == "Num3" and len(self.buttons) > 2:
|
|
self.buttons[2].callback()
|
|
elif key == "Num4" and len(self.buttons) > 3:
|
|
self.buttons[3].callback()
|
|
elif key == "D":
|
|
# Toggle disabled button
|
|
self.disabled_btn.enabled = not self.disabled_btn.enabled
|
|
if self.disabled_btn.enabled:
|
|
self.toggle_info.text = "Currently: Enabled"
|
|
self.toggle_info.fill_color = mcrfpy.Color(100, 180, 100)
|
|
else:
|
|
self.toggle_info.text = "Currently: Disabled"
|
|
self.toggle_info.fill_color = mcrfpy.Color(180, 100, 100)
|
|
|
|
def activate(self):
|
|
"""Activate the demo scene."""
|
|
self.scene.on_key = self.on_key
|
|
mcrfpy.current_scene = self.scene
|
|
|
|
|
|
def main():
|
|
"""Run the button demo."""
|
|
demo = ButtonDemo()
|
|
demo.activate()
|
|
|
|
# Headless mode: capture screenshot and exit
|
|
try:
|
|
if mcrfpy.headless_mode():
|
|
from mcrfpy import automation
|
|
mcrfpy.Timer("screenshot", lambda rt: (
|
|
automation.screenshot("screenshots/primitives/button_demo.png"),
|
|
sys.exit(0)
|
|
), 100)
|
|
except AttributeError:
|
|
# headless_mode() may not exist in all versions
|
|
pass
|
|
|
|
|
|
if __name__ == "__main__":
|
|
main()
|