Nimbus: Making Swing Look Sexy!

Transcription

1 Nimbus: Making Swing Look Sexy! Jasper Potts Peter Zhelezniakov Sun Microsystems

2 Abstract Get acquainted with the new Nimbus Look and Feel, and learn some ways to customize it 2

3 Agenda > Overview > Architecture > Customizations > Tool Support 3

4 Nimbus Overview > A Synth descendant > Cross platform > Vector based > Painters based > Highly customizable > Now in JDK7! 4

5 Its Default Look 5

6 Agenda > Overview > Architecture > Customizations 6

7 Vector Based > All Nimbus components are purely vector based Scalable: larger or smaller > No images used Allows us to participate in solution for hi-dpi Allows color theming for branding 7

8 Vector Based > Heuristic based image caching Cache is invalidated if the sizes change dramatically Or colors, fonts, etc change > 9-Square technique resizes vector shapes Move control points based on location in grid 8

9 Bitmap Scaling 9

10 Vector Scaling 10

11 9 Square How vectors are resized dynamically 11

12 Painters > Component rendering is delegated to Painters javax.swing.painter Stateless Extend AbstractRegionPainter to get scaling and caching 12

13 Painters public interface Painter { public void paint( Graphics2D g, JComponent c, int width, int height); } 13

14 Now in JDK TM 7 > javax.swing.plaf.nimbus > javax.swing.painter > Some old com.sun.java.swing stuff preserved for backward compatibility: Painter plaf.nimbus.nimbuslookandfeel 14

15 Agenda > Overview > Architecture > Customizations 15

16 Scalable Components > Support for small and large components For use in palettes or toolbars > Supply a client property to the component JComponent.sizeVariant Either large, small, or mini 16

17 Scalable Components 17

18 Color Themes > Most colors are derived from a set of base colors > Derived colors are updated automatically when their parent colors change > Derived colors refer to parent colors indirectly via UI property name 18

19 Color Tree nimbusbase nimbusbluegrey nimbusselection nimbusborder 19

20 Creating Derived Colors > NimbusLookAndFeel.getDerivedColor( String uidefaultparentname, float hoffset, float soffset, float boffset, int aoffset, boolean uiresource) 20

21 Customizing Colors UIManager.put("nimbusBase", new Color(...)); UIManager.put("nimbusBlueGrey", new Color(...)); UIManager.put("control", new Color(...)); 21

22 DEMO: Custom Color Theme 22

23 Everything is in UIDefaults > All customizations are exposed via UIDefaults Button.foreground > Properties can be state dependent Button[Disabled].foreground > States can be combined Button[Default+Focused].foreground 23

24 Selectors > Region names ComboBox > Component names ComboBox.renderer Applies to all components with that name > Hierarchical MenuBar:Menu Applies to all Menus whose parent is a MenuBar 24

25 Cascading Defaults > Most specific default wins > Example: foreground = Color.BLACK Label.foreground = Color.BLUE Label[Disabled].foreground = Color.GRAY SomeLabel [Disabled].foreground = Color.WHITE 25

26 Customizations > States > Fonts and colors > Standard components Replace painting code and change defaults For all components of a single type (ie: JButton) For a single component instance For all components with a specific name > Add support for 3rd Party components 26

27 Per-instance Customization > Create a UIDefaults Map > Load the map with all overrides of global values > Set map on target component Nimbus.Overrides > Ignore UIManager defaults if necessary Nimbus.Overrides.InheritDefaults 27

28 Custom Painters > Button[Enabled].backgroundPainter Used by buttons when enabled > Button[MouseOver].borderPainter Used by buttons when mouse over > Button.foregroundPainter Used by default 28

29 DEMO: Missile Control Login > TODO add some demo slides 29

30 Further Development > Publish Synth delegates: > Fix startup performance: Fixed in 6u14 > Open Designer source code 30

31 More Information > > > 31

32