⟵ zur Projektübericht

Motivation

Der ADFC-Stormarn e.V. verwendet Klebeetiketten zur Codierung von Fahrrädern.

EIN-Code Etikett

Auf diesen Etiketten ist ein EIN-Code (Eigentümer-Identifizierungs-Nummer) aufgedruckt, die es der Polizei, den Fundbüros und dem ADFC erlauben, den Eigentümer eines Fahrrads zu ermitteln. Eine über aufgeklebte Etikett angebrachte Plombierfolie schützt dieses vor dem Ablösen.

ADFC EIN-Code-Etikett aufgeklebt

Dieses Verfahren eignet sich auch für andere Gegenstände, wie Kameras, Fahrrad-Akkus, Kinderwagen, Pferdesättel, etc.

Die Codier-Aktionen finden häufig j.w.d. statt und nicht immer gibt es dort einen verlässlichen Zugang zum Internet. Die Daten zur Generierung der EIN-Codes werden deshalb in einer lokal zur Verfügung stehenden SQLite-Datenbank abgelegt.

Diese Seite beschreibt die ActionBar, die Kopf jedes Dialogbildschirms der App darstellt.


In­halts­ver­zeich­nis

ActionBar

Genereller Aufbau

Version für den Hauptbildschirms

Entwurf

Funktion

Version für die Funktionsdialoge

Entwurf

Funktion


ActionBar

Der Kopf jedes Dialogbildschirms der App wird von einer ActionBar (Aktionsleiste) gebildet. Ein solches Dialogelement steht im App Inventor nicht zur Verfügung. Es wird durch eine Kombination aus Standardelementen und der Extension UrsAI2ActionBar aufgebaut.

Genereller Aufbau

Die Elemente zum Aufbau der ActionBar sind für den Hauptbildschirm und die Funktionsdialoge identisch. Nur die Reihenfolge ist umgekehrt:

ActionBar Entwurf

Ein HorizontalArrangement (haTitle, grün umrandet) dient zur Positionierung der Elemente. Der Hintergrund ist mit dem "ADFC-Blau" (#4862a3ff) eingefärbt. Das Label hSpacerActionBar (zur Sichtbarkeit hellblau eingefärbt, Breite 10 Pixel) sorgt für den Abstand des ADFC-Bildes vom linken bzw. rechten Rand. Das ADFC-Bild hat die Größe 48 x 48 Pixel und bestimmt die Höhe der ActionBar. Das HorizontalArrangement haActionBar dient der Extension UrsAI2ActionBarals Platzhalter. Die Extension füllt den Platzhalter komplett aus.

Version für den Hauptbildschirms

Entwurf

Funktion

Version für die Funktionsdialoge

Entwurf

Ansicht:

ActionBar SreenShot

Als Elemente der ActionBar gibt es eine Schaltfläche (LeftButton) mit eunem Pfeil nach links, deren Betätigung das Dialogfenster schließen soll.

Von der Voreinstellung abweichende Eigenschaften:

Eigenschaft Wert Auswirkung
BackgroundColor #4862a3ff Hintergrund "ADFC-Blau
FontBold true Fett angezeigter Titel
FontSize 18.8 Schriftgröße für den Titel
LeftButtonSymbol arrow_back Pfeil nach Links
Title Decodierung Variiert bei den Dialogen
Placeholder haActionBar  

Funktion

Funktion der ActionBar

Evtl. notwendige Abschlussarbeiten werden durchgeführt (hier schließen der Datenbank) und dann wird der Dialog geschlossen.