Difference between revisions of "GUI design/de"

From Lazarus wiki
Jump to navigationJump to search
 
m
 
(18 intermediate revisions by one other user not shown)
Line 1: Line 1:
==Überblick==
+
{{GUI design}}
  
When working on lazarus, certain design guidelines need to be taken into consideration. To prevent a diversity of styles and ensure the clarity of dialogs. The next article tries to summarize several guidelines to help you designing.
+
== Ü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.
Dialogs are special forms that need the user to make / change some setting before lazarus can continue.  
 
  
 +
* [[GUI_design_guidelines/de|GUI design guidelines]]
 +
* [[Screenshots / examples]]
 +
* [[Lazarus dialogs information]]
 +
* [[Lazarus art work]]
  
===Dialog Einstellungen===
+
== Kommentare ==
Settings that should be applied in general are;
 
  
* '''BorderStyle''' : bsSizeToolWin
+
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.
* '''Position''' : poScreenCenter
+
-[http://wiki.lazarus.freepascal.org/index.php/User:Tonymaro Tony Maro]
* '''FormStyle''' : fsStayOnTop (or show the dialog using ShowModal)
+
: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
 +
<br>
 +
<br>
  
===Allgemeines Layout===
+
[[Category:Lazarus/de]]
* On the bottom all required buttons to close / cancel the dialog, or to recieve help should be placed
 
* At least fit a screen of 800x640
 
* Close on Escape (if key not used otherwise)
 
* Define default button and Return activates it (if key not used)
 
* Medium to complex dialogs should be resizable and size is stored
 
 
 
====Schaltflächen Panel====
 
The button panel should consist at least of the following elements;
 
 
 
* OK button
 
* Cancel button
 
* Next button (optional)
 
* Previous button (optional)
 
* Help button
 
 
 
An example is shown below:
 
 
 
<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