Substance look and feel JavaOne 2007 Community Corner.

Slides:



Advertisements
Similar presentations
June, 2007 Petr Hamernik Extending Instant JChem 2.0 Architecture & API.
Advertisements

Microsoft Word for the Mac Tricia Sharkey & Nick Kozin C.A.S.E. Assistive Technology.
Whats New in Microsoft ® Office 2007? Whats New in Microsoft ® Office 2007?
MS® PowerPoint.
San Mateo Behavioral Health and Recovery Services AVATAR 2010 Upgrade.
V0.1 Inclusive and Accessible Application Design June 21, 2012.
Microsoft Excel 2003 Illustrated Complete A Worksheet Formatting.
Lesson 7 — Word Processing
Lesson 8: Creating a Memorandum and a Press Release.
Office 2003 to Office 2007 Transition. What’s New?  Improved GUI with live preview  Improved themes and quick styles  Custom slide layouts  Improved.
Appendix B: Customizing In this unit… ► Review ► Overview ► Adding, Removing Buttons ► Changing Button Properties ► Visual Basic.
XP New Perspectives on Microsoft Office Word 2003 Tutorial 1 1 Microsoft Office Word 2003 Tutorial 1 – Creating a Document.
XP 1 Microsoft Office Word 2003 Tutorial 1 – Creating a Document.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Getting Started with Windows ® XP 1 Getting Started with Windows ® XP By Robert T. Grauer Maryann Barber.
© 2009 Research In Motion Limited User interface design for mobile devices.
Chapter 5  Formatting Numbers  Formatting Text  Cell Appearance  Copy Cell Format  AutoFormat  Design and Style  Conditional Formatting.
ICS 665 Jesse Abdul. jQuery UI Overview  jQuery UI javascript library Includes all UI component functionality  jQuery UI CSS framework Includes standard.
Copyright 2007, Information Builders. Slide 1 WebFOCUS BI Portal Matthew Lerner WebFOCUS Product Line Manager September 30, 2009.
Creating of Rich Client Applications using NetBeans 6 and Java Swing Miroslav Nachev.
CIS 250 Advanced Computer Applications Web Publishing.
| | Tel: | | Computer Training & Personal Development Microsoft Office PowerPoint 2007 Expert.
Intro to Android Development Ben Lafreniere. Getting up and running Don’t use the VM! ials/hello-world.html.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
CHAPTER 9 Introducing Microsoft Office Learning Objectives Start Office programs and explore common elements Use the Ribbon Work with files Use.
IE 411/511: Visual Programming for Industrial Applications
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Office  The following are basic components of the MS Office document screens in the Windows environment. Some tabs and/or tools will change depending.
Marcel Casado NCAR/RAP WEATHER WARNING TOOL NCAR.
Introduction to Eclipse Plug-in Development. Who am I? Scott Kellicker Java, C++, JNI, Eclipse.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
XP 1 Microsoft Word 2002 Tutorial 1 – Creating a Document.
Kanban Task Manager helps teams visualize task workflows and makes it easy to cooperate on projects. With the SharePoint version of Kanban Task Manager.
3461A Readings from the Swing Tutorial. 3461A Overview  The follow is the Table of Contents from the trail “Creating a GUI with JFC/Swing” in the “The.
JavaScript Framework for Rich Apps in Every Browser Maura Wilder Joan Wortman
Computing Fundamentals Module Lesson 3 — Changing Settings and Customizing the Desktop Computer Literacy BASICS.
Introduction to Web AppBuilder for ArcGIS: JavaScript Apps Made Easy
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Revising Presentation Text Lesson 3.
JavaScript Framework for Rich Apps in Every Browser Maura Wilder Joan Wortman
MICROSOFT POWERPOINT (MICROSOFT POWERPOINT)
Object-Oriented Application Development Using VB.NET 1 Chapter 10 VB.NET GUI Components Overview.
Swing - 2 Session 13. Swing - 2 / 2 of 38 Objectives (1) Discuss trees and tables Discuss progress bars Discuss MVC architecture Describe menus.
Foundation year Practical Lec.5: Practical Lec.5: Presentation Software Using Microsoft Office 2007 Practical Lec.5: Practical Lec.5: Presentation Software.
Introduction to the SAP IMG Interface. Slide 2 Accessing the IMG Use transaction code SPRO or.
Lesson 10 Word Processing Unit 2—Using the Computer.
Staff Module and Summary of Changes 1. Icon Changes: Page 3 Signing In and Password/Pin Changes: Page 4 Logging Out: Page 8 Staff Module Changes: Page.
11 CONFIGURING AND MANAGING THE USER EXPERIENCE Chapter 5.
The Structure of the User Interface Lecture # 2 Gabriel Spitz.
Object-Oriented Application Development Using VB.NET 1 Chapter 2 The Visual Studio.NET Development Environment.
Staff Module and Summary of Changes 1. Icon Changes: Page 3 Signing In and Password/Pin Changes: Page 4 Logging Out: Page 8 Staff Module Changes: Page.
PowerPoint – Slide Master and Animation Computer Tech.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
PowerPoint Chapter 1 Creating and Editing a Presentation with Clip Art Discovering Computers & Microsoft Office 2010.
Windows Vista Configuration MCTS : Interface and Device Options.
Guide To Develop Mobile Apps With Titanium. Agenda Overview Installation of Platform SDKs Pros of Appcelerator Titanium Cons of Appcelerator Titanium.
Themes CIS 136 Building Mobile Apps 1. Themes 2  jQuery Mobile has a robust theme framework that supports up to 26 sets of toolbar, content and button.
DB Implementation: MS Access Forms. MS Access Forms: Purpose Data entry, editing, & viewing data in Tables Forms are user-friendlier to end-users than.
UX/UI changes for Windows 10 apps
Computer Literacy BASICS
Java Look-and-Feel Design Guidelines
CIS 136 Building Mobile Apps
Kanban Task Manager SharePoint Editions ‒ Introduction
Shelly Cashman: Microsoft PowerPoint 2016
DB Implementation: MS Access Forms
Introducing Microsoft Office 2010
DB Implementation: MS Access Forms
Chapter 13 Adding Slide Transitions
04 | XAML in Blend 2013 Part 2 of 2 Unni Ravindranathan | Senior Program Manager Lead (Blend) Jerry Nixon | Developer Evangelist (Colorado)
Presentation transcript:

Substance look and feel JavaOne 2007 Community Corner

An application before Substance

Same application with Substance

Using Substance in you app Go to Download the latest substance.jar Use one of the three options: ◦UIManager.setLookAndFeel( new SubstanceLookAndFeel()) ◦UIManager.setLookAndFeel( “org.jvnet.substance.SubstanceLookAndFeel”) ◦-Dswing.defaultlaf= org.jvnet.substance.SubstanceLookAndFeel

Substance themes Contains information on control colors for different visual states (disabled, default, active) Base class – SubstanceTheme Use bundled core themes Use APIs to create derived themes Extend and create a custom theme

Substance simple themes SubstanceAquaThemeSubstanceBottleGreenTheme SubstancePurpleThemeSubstanceOliveTheme

Substance derived themes Invert, negate, saturate, hue-shift and color-blind Example of hue-shift: SubstanceTheme theme = SubstanceLookAndFeel.getTheme(); SubstanceTheme shifted = theme.hueShift(-0.5); SubstanceLookAndFeel.setCurrentTheme(shifted);

Substance watermarks Simple watermarks Image-based watermarks SubstanceBinaryWatermarkSubstanceWoodWatermark SubstanceImageWatermark + APP_TILE

Substance skins A collection of various settings (theme, watermark, painters, shapers etc). In org.jvnet.substance.skin package Can set as ◦SubstanceLookAndFeel.setSkin(…) ◦ Derived look and feel classes based on a specific skin (set with UIManager or VM flag)

Substance toned-down skins SubstanceBusinessLookAndFeel SubstanceCremeLookAndFeel SubstanceBusinessBlackSteelLookAndFeel SubstanceSaharaLookAndFeel

Substance dark skins SubstanceRavenGraphiteLookAndFeel SubstanceEmeraldDuskLookAndFeel SubstanceRavenLookAndFeel SubstanceChallengerDeepLookAndFeel

Substance saturated skins SubstanceOfficeBlue2007LookAndFeel SubstanceGreenMagicLookAndFeel SubstanceFieldOfWheatLookAndFeel SubstanceFindingNemoLookAndFeel

Configuring animations LafWidget.ANIMATION_KIND – controls animation speed (0.5 sec for a transition by default) FadeConfigurationManager APIs – to enable / disable animations ◦ On a specific control ◦ On control class ( JTree, for example) ◦ Globally

Custom appearance Theme – extend SubstanceTheme or use derivation APIs Watermark – implement SubstanceWatermark Skin – implement SubstanceSkin or extend SubstanceAbstractSkin (provides basic functionality) See existing core implementation and test app for examples

Additional UI elements Substance provides additional “feel” part for some Swing components These are called widgets Some widgets are turned on by default Most widgets are configurable Some widgets are not visible – behavior only

Widget examples Menu search panel on big menus Lock icon on non-editable text components Auto-completion on editable comboboxes Password strength checker Tab overview panel Tree smart scroll

Substance plugins Substance provides a plugin mechanism for third-party components No need to change the code – just drop the plugin jar in the classpath Available plugins for: ◦ NetBeans – module supports 5.0 and 5.5 ◦ SwingX at ◦ Flamingo at

SwingX plugin Provides consistent appearance (colors, fonts, animation) for ◦ Task pane container and task panes ◦ Status bar ◦ Month view ◦ Date picker ◦ Translucency on JXPanel More to come as SwingX matures and reaches the first release

Q&A Visit Mail See for a list of other third-party look and feelshttp://javootoo.com