Changes between Version 3 and Version 4 of AUTHOR_APP_TUNING

Timestamp:

07/24/09 18:05:44 (16 years ago)

Author:

peko

Comment:

--

AUTHOR_APP_TUNING

@@ -1 +1 @@
 [[TOC]]
 
-== Overview of the UI parts ==
+== Overview of SynthLookAndFeel ==
 
+ * SynthLookAndFeel provides a mechanism for customizing the LookAndFeel through an XML file where everything is described.
  * Every part of Swing can be customized by providing a style for it. Example:
   {{{
 
 <!-- ================================= -->
-<!-- BUTTON -->
+<!-- BUTTON - this is a style for a button in swing.-->
 <!-- ================================= -->
 
@@ -33 +34 @@
   }}}
 
- * The different possible keys are as follows: ArrowButton, Button, CheckBox, RadioButton, ToggleButton, ComboBox, InternalFrame, InternalFrameTitlePane, InternalFrameTitlePane.closeButton, InternalFrameTitlePane.iconifyButton, InternalFrameTitlePane.maximizeButton, DesktopPane, FileChooser, List, MenuBar, Menu, MenuItem, MenuItemAccelerator, CheckBoxMenuItem, RadioButtonMenuItem, PopupMenu, PopupMenuSeparator, OptionPane, RootPane, Panel, ProgressBar, ScrollBar, ScrollBarTrack, ScrollBarThumb, ScrollPane, Viewport, Separator, Slider, SliderTrack, SliderThumb, SplitPane, SplitPaneDivider, Table, TableHeader, TabbedPane, TabbedPaneContent, TabbedPaneTab, TabbedPaneTabArea, Label, ToolTip, TextField, FormattedTextField, PasswordField, TextArea, TextPane, EditorPane, Spinner, ComboBox.listRenderer, TableHeader.renderer, ToolBar, ToolBarContent, ToolBarSeparator, ToolBarDragWindow, Tree, TreeCell, '''And may be more...'''
+ * Basically what we need to define is styles for every key. As you can see there are states for most UI components that need different icons. What is more there are addition attributes for a component called properties. See the next example:
+ {{{
+        <style id="InternalFrameTitlePaneStyle">
+                <property key="InternalFrameTitlePane.titleSpacing" type="integer" value="25"/>
+                
+                <property key="InternalFrameTitlePane.maxFrameIconSize" type="dimension" value="24 24"/>
+                <imageIcon id="InternalFrameMaximizeButtonIcon" path="btn_close_roll.png"/>
+                <property key="InternalFrameTitlePane.maximizeIcon" type="idref" value="InternalFrameMaximizeButtonIcon"/>
+                
+                <imageIcon id="InternalFrame_CloseButton_Icon" path="btn_close_roll.png"/>
+                <property key="InternalFrameTitlePane.closeIcon" type="idref" value="InternalFrame_CloseButton_Icon"/>
+                
+                <imageIcon id="InternalFrame_RestoreButton_Icon" path="resource/1204295742281_internal_frame_restore_icon.png"/>
+                <property key="InternalFrameTitlePane.minimizeIcon" type="idref" value="InternalFrame_RestoreButton_Icon"/>
+                
+                <imageIcon id="InternalFrame_MinimizeButton_Icon" path="resource/1204296642906_internal_frame_min_icon.png"/>
+                <property key="InternalFrameTitlePane.iconifyIcon" type="idref" value="InternalFrame_MinimizeButton_Icon"/>
+                <state>
+                        <imagePainter method="InternalFrameTitlePaneBackground" path="title_bar_bg.png" sourceInsets="0 0 0 0"/>
+                </state>
+        </style>
+        <bind style="InternalFrameTitlePaneStyle" type="region" key="InternalFrameTitlePane"/>
+
+ }}}
+
+ * Basically what we need to do is define styles for as much keys as possible. Of course not every part should be customized but it will look nicer if we do so.
+ 
+ * The different possible keys are as follows: ArrowButton, Button, CheckBox, RadioButton, ToggleButton, ComboBox, InternalFrame, InternalFrameTitlePane, InternalFrameTitlePane.closeButton, InternalFrameTitlePane.iconifyButton, InternalFrameTitlePane.maximizeButton, DesktopPane, FileChooser, List, MenuBar, Menu, MenuItem, MenuItemAccelerator, CheckBoxMenuItem, RadioButtonMenuItem, PopupMenu, PopupMenuSeparator, OptionPane, RootPane, Panel, ProgressBar, ScrollBar, ScrollBarTrack, ScrollBarThumb, ScrollPane, Viewport, Separator, Slider, SliderTrack, SliderThumb, SplitPane, SplitPaneDivider, Table, TableHeader, TabbedPane, TabbedPaneContent, TabbedPaneTab, TabbedPaneTabArea, Label, ToolTip, TextField, FormattedTextField, PasswordField, TextArea, TextPane, EditorPane, Spinner, ComboBox.listRenderer, TableHeader.renderer, ToolBar, ToolBarContent, ToolBarSeparator, ToolBarDragWindow, Tree, TreeCell '''and may be more''' ...
+
+== Overview of our approach ==
+ * Images used to create the look and feel will be named like this "button_pressed.png" for example.
+ * The XML file will be named "sophie2.xml"
 
 == Styles for parts of the UI ==
+
  * ArrowButton