Difference between revisions of "GUI design/de"

From Lazarus wiki
Jump to navigationJump to search
m
 
(15 intermediate revisions by one other user not shown)
Line 1: Line 1:
==Überblick==
+
{{GUI design}}
  
Während der Arbeit an Lazarus müssen verschiedene Designrichtlinien berücksichtigt werden, um eine Vielfalt an Stilen zu vermeiden und die Übersichtlichkeit der Dialoge zu gewährleisten. Der nächste Artikel versucht, verschiedene Richtlinien zusammenzufassen, um ihnen bei der Gestaltung zu helfen.
+
== Überblick ==
  
==Dialoge==
+
Während der Arbeit an Lazarus müssen bestimmte Designrichtlinien berücksichtigt werden, um eine Verschiedenheit der Stile zu vermeiden und die Übersichtlichkeit der Dialoge zu gewährleisten. Dieser Artikel versucht diese Richtlinien zusammenzufassen, um ihnen beim Entwerfen zu helfen. Es ist auch ein Haufen von Screenshots, Vorlagen und Dialoginformationen verfügbar.
Dialoge sind spezielle Formulare, die den Benutzer auffordern, einige Einstellungen zu erstellen bzw. zu ändern, bevor Lazarus fortfahren kann.
 
  
===Dialog Einstellungen===
+
* [[GUI_design_guidelines/de|GUI design guidelines]]
Einstellungen, die im Allgemeinen gesetzt werden sollten, sind:
+
* [[Screenshots / examples]]
 +
* [[Lazarus dialogs information]]
 +
* [[Lazarus art work]]
  
* '''BorderStyle''' : bsSizeToolWin
+
== Kommentare ==
* '''Position''' : poScreenCenter
 
* '''FormStyle''' : fsStayOnTop (oder zeigen den Dialog unter Verwendung von ShowModal)
 
  
===Allgemeines Layout===
+
Was sie beachten müssen ist die cross-platform Natur von Lazarus.  If you make all the changes you suggest, the text on the buttons won't be visible in most standard GTK+ themes, oder es wird andere Probleme geben.  Ich unterstütze vollständig die Idee of some tweaks like this, but it should be tested in Linux, Win32 and even in MAC (you guys are running it in MAC already, right?) before it's committed.
* Unten sollten alle benötigten Schaltflächen zum Schließen / Abbrechen des Dialogs oder um Hilfe zu erhalten platziert werden.
+
-[http://wiki.lazarus.freepascal.org/index.php/User:Tonymaro Tony Maro]
* Es sollte wenigstens für einen Bildschirm von 800x600 geeignet sein.
+
:That's the only way to do it ;). I have patches of the different dialogs and I would encourage people to test them and post screenshots here. - Darius
* Schließen mit Escape (wenn die Taste nicht anderweitig genutzt wird)
+
<br>
* Definieren einer Vorgabe Schaltfläche, die mit Return aktiviert wird (wenn die Taste nicht genutzt wird)
+
<br>
* Mittlere bis komplexere Dialoge sollten größenveränderbar sein und die Größe wird gespeichert.
 
  
====Schaltflächen Panel====
+
[[Category:Lazarus/de]]
Das Schaltflächen Panel sollte wenigstens aus den folgenden Elementen bestehen:
 
 
 
* OK Schaltfläche
 
* Abbrechen Schaltfläche
 
* Weiter Schaltfläche (optional)
 
* Zurück Schaltfläche (optional)
 
* Hilfe Schaltfläche
 
 
 
Ein Beispiel wird unten gezeigt:
 
 
 
<center>bottom panel.jpg</center>
 
 
 
===Verankerung===
 
To make sure that a dialog after resizing will keep on showing the components in a good way, anchoring is being used. Each components has a property called Anchors. With this property you can determine the way a component is anchored to it's parent.
 
 
 
===Ausrichtung===
 
Another way to organise components is using alignment. Each component has a property Align. By selecting the appropriate align position several components can be positioned properly.
 
 
 
====BorderSpacing====
 
Especially useful in combination with Align is the BorderSpacing property. (Also found on the Anchors dialog). A typical borderspacing of 6 pixels around a component is used.
 
 
 
==Dialoge, die zu LFM konvertiert werden müssen==
 
<strike>Durchgestrichene Elemente</strike> sind bereits konvertiert.
 
 
 
An '''fettgeschriebenen Elementen''' wird gerade gearbeitet.
 
 
 
* /lazarus/ide/addtoprojectdlg.pas
 
* /lazarus/ide/buildlazdialog.pas
 
* /lazarus/ide/clipboardhistory.pas
 
* /lazarus/ide/codetemplatedialog.pp
 
* /lazarus/ide/codetoolsdefines.pas
 
* /lazarus/ide/codetoolsoptions.pas
 
* /lazarus/ide/compileroptionsdlg.pp
 
* <strike>/lazarus/ide/diffdialog.pas</strike>
 
* /lazarus/ide/diskdiffsdialog.pas
 
* <strike>/lazarus/ide/editoroptions.pp</strike>
 
* <strike>/lazarus/ide/environmentopts.pp</strike>
 
* /lazarus/ide/exttooldialog.pas
 
* /lazarus/ide/exttooleditdlg.pas
 
* /lazarus/ide/findinfilesdlg.pas
 
* /lazarus/ide/findreplacedialog.pp
 
* /lazarus/ide/helpmanager.pas
 
* /lazarus/ide/inputfiledialog.pas
 
* /lazarus/ide/keymapping.pp
 
* /lazarus/ide/macropromptdlg.pas
 
* /lazarus/ide/mainbar.pas
 
* /lazarus/ide/makeresstrdlg.pas
 
* <strike>/lazarus/ide/msgview.pp</strike>
 
* <strike>/lazarus/ide/newdialog.pas</strike>
 
* /lazarus/ide/newprojectdlg.pp
 
* /lazarus/ide/patheditordlg.pas
 
* '''/lazarus/ide/projectinspector.pas''' <D.Blaszijk>
 
* /lazarus/ide/projectopts.pp
 
* <strike>/lazarus/ide/runparamsopts.pas</strike>
 
* /lazarus/ide/searchresultview.pp
 
* /lazarus/ide/sortselectiondlg.pas
 
* <strike>/lazarus/ide/splash.pp</strike>
 
* /lazarus/ide/sysvaruseroverridedlg.pas
 
* /lazarus/ide/todolist.pp
 
* /lazarus/ide/unitdependencies.pas
 
* <strike>/lazarus/ide/uniteditor.pp</strike>
 
* '''/lazarus/ide/unitinfodlg.pp''' <D.Blaszijk>
 
* /lazarus/ide/viewunit_dlg.pp
 
* /lazarus/debugger/debuggerdlg.pp
 
* /lazarus/debugger/test
 
* <strike>/lazarus/debugger/watchpropertydlg.pp</strike>
 
* /lazarus/designer/aligncompsdlg.pp
 
* /lazarus/designer/designermenu.pp
 
* /lazarus/designer/menueditorform.pas
 
* /lazarus/designer/menupropedit.pp
 
* /lazarus/designer/noncontrolforms.pas
 
* /lazarus/designer/objinspext.pas
 
* /lazarus/designer/scalecompsdlg.pp
 
* /lazarus/designer/sizecompsdlg.pp
 
* /lazarus/ideintf/columndlg.pp
 
* /lazarus/ideintf/componenteditors.pas
 
* /lazarus/ideintf/graphpropedits.pas
 
* /lazarus/ideintf/imagelisteditor.pp
 
* /lazarus/ideintf/listviewpropedit.pp
 
* /lazarus/ideintf/propedits.pp
 
* /lazarus/packager/addtopackagedlg.pas
 
* /lazarus/packager/brokendependenciesdlg.pas
 
* /lazarus/packager/packagedefs.pas
 
* /lazarus/packager/pkggraphexplorer.pas
 
* /lazarus/packager/pkgoptionsdlg.pas
 
* /lazarus/tools/apiwizz/apiwizard.pp
 

Latest revision as of 13:41, 5 April 2013

Deutsch (de) English (en) français (fr) 日本語 (ja)

Überblick

Während der Arbeit an Lazarus müssen bestimmte Designrichtlinien berücksichtigt werden, um eine Verschiedenheit der Stile zu vermeiden und die Übersichtlichkeit der Dialoge zu gewährleisten. Dieser Artikel versucht diese Richtlinien zusammenzufassen, um ihnen beim Entwerfen zu helfen. Es ist auch ein Haufen von Screenshots, Vorlagen und Dialoginformationen verfügbar.

Kommentare

Was sie beachten müssen ist die cross-platform Natur von Lazarus. If you make all the changes you suggest, the text on the buttons won't be visible in most standard GTK+ themes, oder es wird andere Probleme geben. Ich unterstütze vollständig die Idee of some tweaks like this, but it should be tested in Linux, Win32 and even in MAC (you guys are running it in MAC already, right?) before it's committed. -Tony Maro

That's the only way to do it ;). I have patches of the different dialogs and I would encourage people to test them and post screenshots here. - Darius