FMK2019 Waagrechte Scrollbar für Ausschnittreihen erstellen by Gerhard Schwingenschlögl

10. FileMaker Konferenz | Hamburg | 16.-19. Oktober 2019
www.filemaker-konferenz.com
Die Möglichkeit, die User-Experiance zu erhöhen

Gerhard Schwingenschlögl
Horizontale Scrollbalken in Portalen

Scrollen in Portalen / Gerhard Schwingenschlögl
Über den Sprecher
• Geboren 1958 in Wernstein am Inn (Europa-Österreich) 
an der Grenze zu Deutschland nähe der Dreiflüsse-Stadt Passau

• Speditionskaufmann, Kraftfahrer, Vermögensberater, Verkäufer,
Mitarbeiter in Marketing und Produktion, Kundenbetreuer in
Softwareunternehmen, Verkaufsaußen- und Innendienst,
Analytiker und nun  
Inhouse-Software-Entwickler

• Handwerker im eigenen Haus und Garten

• Hobbyfotograf

• Leidenschaftlicher Tänzer (Standard und Latein)

Über den Vortrag
• Die Benutzerfreundlichkeit
erhöhen

• Das Aussehen der eigenen
Lösung aufwerten

Die Stufen der Entwicklung
• Analyse einer waagrechten Scrollbar wie in EXCEL

• Zerlegen in Einzelobjekte

• Analyse der Einzelobjekte

• Nachbau der Objekte in FileMaker

• Formatierung und Benennung der Einzelobjekte mit Styles und Themes

• Zuweisung von Scripten mit Parameter

• Das Seitensteuerelement als Träger der verschiedenen Szenarien

• Je Scrollschritt eine Seite

• Das eigentliche Portal

• Je Scrollschritt eine eigene Ansicht

Die „Vorgabe“ aus EXCEL
Kein Schiebebalken für FileMaker, …
… aber „stufenweise“ Bewegung schon
Bildquelle: emoji download Gratis

Nachbau der Objekte in FileMaker
Hintergrundelemente (gelb) 
= Schaltflächen
Vordergrundelemente (grün) 
= keine Schaltflächen
Schaltflächen für Einzelschritte 
Links/Rechts
Schaltflächen für Sprung ans Ende 
Links/Rechts

Das Basisobjekt
Eine Standardtaste, welche - je nach ihrer Verwendung - formatiert wird. 
Bei der Objekterstellung werden noch keine Scripts zugewiesen.

Die Scrollbalken-Basisobjekte

Sprung Einzelschritt Rückwärts/Vorwärts
9
Download der 
Sprungmarken
von Icon ….

Sprung Anfang/Ende
10

Zusammenbau der einzelnen Objekte
11
Der grüne Scrollbalken signalisiert die aktuelle Position!
Die Balken bekommen Scripts hinterlegt

Aufteilung der Elemente
12
Portalbreite - Navigationselemente = Scrollbreite
Scrollbreite / Anzahl benötigter Elemente
=
Breite eines einzelnen Scrollbalkens

13
Jedes dieser Elemente ist 22 pt breit
Bei einer Portalbreite von 600 pt verbleiben 512 pt für die Scrollbalken

14
Portalbreite (600) - Navigationselemente (88) = Scrollbreite (512)
Scrollbreite (512) / Anzahl benötigter Elemente (2)
=
Breite eines einzelnen Scrollbalkens (256)

Die Scripte
15
1 Script für Scrollbalken/Anfang/Ende
1 Script für Vorwärts blättern
1 Script für Rückwärts blättern
Die Scriptparameter übergeben den Objektnamen und die Seite

Die Scripte
Script für Scrollbalken, Anfang, Ende
16
Je Portal gibt es ein eigenes globales Feld für die Seitennummer

Die Scripte
Script für Blättern nach vorne
17

Die Scripte
Script für Blättern nach hinten
18

Die Seitensteuerelemente
Als Grundelement für die Portale wird ein Seitensteuerelement verwendet, 
welches eine ganze Reihe von Seiten aufnehmen kann.
Wir benötigen so viele Seitensteuerelemente, wie es scrollbare Bereiche geben soll.
19

20
Mit Klick auf den  
Navigations-
Punkt wird die Seite aktiv.
Der Name kann (muss nicht) 
zugewiesen werden.

21
Es ist Geschmacksache, ob für die Steuerung der Name des
Seitensteuerelements oder der des Portals verwendet wird.
Mit dem Aufruf „Gehe zu Objekt“ wird zum Einen das
Seitensteuerelement aufgerufen und damit auch das Portal
sichtbar.
Ruft man das Portal auf, wird auch das zugrunde liegende
Seitensteuerelement sichtbar.

Die Portale
Als Basis wird ein Portal so formatiert, dass für dieses Beispiel  
die immer sichtbaren Spalten „eingefroren“ auf jedem  
Seitensteuerelement sichtbar sind.
(Je „Sprung“ eine Kopie des Portals)
22
„Eingefroren“ in dem Sinn, dass diese Spalten auf  
jedem Portal sichtbar sind.

Die Portale
Objektname je „Seite“ vergeben
23

Die Portale
Mit dem Objektnamen wird gleichzeitig 
auch schon die Seitenzahl festgelegt.
24

Zusammenbau
Die Portale werden auf die Seitensteuerelemente verteilt und die 
Scroll- und Navigationsbutton darunter positioniert
25

Zusammenbau
Den Schaltflächen werden die Scripts zugewiesen
26
Um die Scriptparameter im Script einzeln auswerten zu können,  
muss der zweite Parameter mit einem Absatzzeichen vom ersten getrennt werden.
Im Script wird die Seitenzahl mit „Feldwert setzen“ in das 
vorbereitete globale Feld eingetragen.

Zusammenbau
27

Zusammenbau
28
Nur nach hinten blättern benötigt einen Scriptparameter 
(die letzte Seite)

Zusammenbau
Portal und Scrollbalken im Verbund
29

„Portalfeatures“
Umschalten von Ansicht zu Editiermodus
30

Letzte Selektion aufrechterhalten (bei Fokusverlust)
31

Netzwerkfähige Auswahl (keine Konkurrenz zu anderen Usern)
32

Tastatursteuerung im Portal
33

Vielen Dank unseren Sponsoren
Danke für das Bewerten dieses Vortrages

FMK2019 Waagrechte Scrollbar für Ausschnittreihen erstellen by Gerhard Schwingenschlögl

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à FMK2019 Waagrechte Scrollbar für Ausschnittreihen erstellen by Gerhard Schwingenschlögl

Similaire à FMK2019 Waagrechte Scrollbar für Ausschnittreihen erstellen by Gerhard Schwingenschlögl (20)

Plus de Verein FM Konferenz

Plus de Verein FM Konferenz (19)

FMK2019 Waagrechte Scrollbar für Ausschnittreihen erstellen by Gerhard Schwingenschlögl