Skip to content

UI Templates

Ole W edited this page Jul 8, 2024 · 8 revisions

SPOCUIComponent

  • Abstrakte Klasse für alle UI Components in der App
  • Stellt ein Interface für die App und den Authorizer bereit
app := SPOCApp open.
m := SPOCConcreteUIComponent new.
m app: app.

"Jetzt kann man in der Instanz von m auf die app und den authorizer zugreifen"
m app auth accessToken.

Icon

image

icon := SPOCIcon new.
icon iconAsset:  'assets/play.png'.

BoxedText

  • Hat Potential für ein Button, wenn man ihn mit SPOCClickable dekoriert

image

text := SPOCBoxedText new.
text contents: 'Spotify'.

Clickable

  • Um einen anderen Morph clickable zu machen kann der Decorater SPOCClickable verwendet werden
icon := SPOCIcon new.
icon iconAsset:  'assets/play.png'.
clickIcon := SPOCClickable newUsing: icon onClick: [:evnt | icon explore].
clickIcon openInWorld.
  • Der onClick: kann durch den setter auch noch verändert werden

Slider

slider := SPOCSlider new.
slider onValueChanged: [:aValue | Transcript showln: aValue]. "gibt Werte zw. 0 und 100"
"settings, opt."
slider length: 300
slider innerBarColor: Color white;
slider innerBarHoverColor: Color green;
slider outerBarColor: Color gray;
slider nobColor: Color white;
  • Die Height kann man nicht zur Laufzeit einstellen. Das ist aktuell nur bei Initialisierung über eine Klassenvariable geregelt. Normaler Zustand

image

Hover Zustand

image

Clone this wiki locally