Look & Feel/de

From Openmoko

Jump to: navigation, search

Contents

Überblick

Dieser Artikel beschreibt das Look & Feel von OpenMoko.

Struktur des Layouts

OpenMoko benutzt folgende Layoutstruktur:

Image:Layout openmoko.png

Top Panel Fläche

Das Panel wird von allen Anwendungen global verwendet. Es hat folgendes Layout:

image:Panel_top_panel.png

(Siehe Top Panel Widget für mehr Informationen.)

Anwendungsfläche

Die Anwendungsfläche hängt vom Typ des Layouts ab. Momentan werden folgende Typen unterstützt:

Nativ Finger basierend

Image:Layout finger.png

Navigationsfläche

(Anwendungsspezifisch, muss aber groß genug sein um eine Navigation mittels Finger unterstützen zu können)

Nativ Stylus basierend

Native Anwendungen, welche vollständig mittels Stylus bedient werden haben folgende komponenten:

Image:Layout stylus.png

Anwendungsmenü

Das Anwendungsmenü ist ein Popup Menü für Informationen der Global Application. Anstelle in Toolbars der Action Buttons sollten eher hier ungewöhnliche bzw. unübliche Aktionen platziert werden.

Hier ein Beispiel Layout:

image:Widget_application_menu.png

Application Menu Einträge, die momentan nicht vorhanden (implementiert) sind, sollten ausgegraut werden und nicht vom Popup Menü entfernt werden.

Filter Menu

Das Filter Menü ist ein Popup Menu für eine Navigation basierend auf einen Satz von Gefilterten Kategorien.

Hier ein Beispiel Layout:

image:Widget_filter_menu.png

Gefilterte Einträge im Menü die Momentan nicht vorhanden 8implementiert) sind sollten ausgegraut werden und nicht vom Menü entfernt werden.

Navigationsfläche

(Von Anwendung abhängig)

Toolbar Fläche

Die Toolbar Fläche bietet eine nützliche Sammlung an Aktionen für die aktive Anwendung:

image:Widget_toolbar.png

(Siehe Toolbar Widget für weitere Informationen}}

Deteilfläche

(Von Anwendung abhängig)

Nicht-Native X-11

(standard Anwendung)

Fußzeile

image:Panel_footer.png

(Siehe Footer Widget für weitere Informationen.)

Alarm Fläche

  • Informelle Alarme -- für kurze Zeit eingeblendet (~2s) in einer Fensterüberlagerung an folgender Stelle:

Image:Layout info alert.png

  • Bestätigende Alarme -- In der Mitte fensterüberlagernd platziert mit zwei Schaltflächen wie folgend:

Image:Layout confirm alert.png


  • Anruf Hinweise -- In der Mitte fensterüberlagernd platziert mit "Annehmen" und "Ablehen" (ähnlich wie Bestätigende Alarme)

image:layout alert area.png

Hardware Tasten

Das Gerät stellt zwei Hardware Taten bereit:

  • Einschalten (Power)
  • Zusatz (Auxiliary)

Hardware Einschalt Taste

  • Bei kurzer Betätigung: Schließe oberste Anwendung
  • Bei kurzem halten (1 Sekunde): Öffne Menü mit Fingergroßen Berührungsflächen:
    • Sperren (schickt CPU schlafen)
    • Flugmodus (Alle Drahtlosen Übertrager deaktivieren)
    • <Profil 1> (aktiviert Profil 1)
    • <Profil 2> (aktiviert Profil 2)
    • ...
    • <Profil n> (aktiviert Profil n)
    • Ausschalten (Schaltet das Gerät ab, ruft 'poweroff' auf)
  • Bei langen Betätigen (5 Sekunden): Ausschalten

Hardware Zusatz Taste

  • Bei kurzer Betätigung: Führe Dialer in Telefonanwendung aus
  • Bei gedrückt halten: Öffne Hauptmenü (Finger)

Navigation Related

(TBD)

Schriften und Co

Ein par schöne Schriften herraussuchen (erstellen). Chinesische Schriften ausprobieren.

Thema und Co

Wir werden nur eine Thema kreieren und die Community andere Themas erstellen lassen. Hier unser erstes Konzept:

Image:Layout stylus template.png

Klänge und Co

Klänge weden benutzt um Bestätigungen aufzuzeigen.

Eingabemethoden

Automatisch aktiviert beimFokus des Widgets. Dargestellt als Fensterüberlagerung (ohne Anwendungen zu verkleinern). Die vertikale Positionierung wird automatisch angepasst. Schau nach wie es bei X-11 funktionirt.



This is the dock keyboard:
Dies ist die angedockte Tastatur:
Image:Stylus 06 input keypad dock.png

Icon Größe & Aussehen

Größe

Item Action Constraints
Gtk::ICON_SIZE_MENU 128x128 Pixel Benutzt in mokomenu
Gtk::ICON_SIZE_SMALL_TOOLBAR 36x30 Pixel Benutzt in moko stylus toolbox
Gtk::ICON_SIZE_LARGE_TOOLBAR 32x32 Pixel Benutzt in moko finger toolbox
Gtk::ICON_SIZE_DND (momentan nicht benutzt in moko)
Gtk::ICON_SIZE_DIALOG 96x96 Pixel Benutzt in moko Dialogen

Aussehen

Image:Icon-Style1.png Image:Icon-Style2.png

Einschalt-/ Ausschaltbilder

Image:System boot.png

  • Bild beim Einschalten


Image:System shutdown.png

  • Bild beim Ausschalten


Farbschemas

  • Dies wird von den Grafikern bereitgestellt.
NOTE: Füge Empfehlungen für Drittherstellen ein wenn einmal das Thema fertiggestellt ist



Personal tools