Tutorial section in PDF - Custom Training Courses - Coreservlets.com

More documents

Recommendations

Info

Big Idea53• ClientBundle solves the problem– Intelligently stiches multiple images into one composite– Only 1 round trip to the server• Filename of the composite is a hash of file’scontents– Browser can safely cache it permanently• If anything changes, the file name will change as well• No more standard size place holders forimages– Avoids “bouncy page” affect as the size of the image isdiscovered when bundle is created – size can be explicitly setwhen images from bundles are used• Bundles can contain other types of resources– CSS, text, PDF, etc.Example: Resources.javapackage coreservlets.client.ui.res;Forces GWT to create concrete ClientBundle....public interface Resources extends ClientBundle {public static final Resources INSTANCE =GWT.create(Resources.class);Relative path to the location of this interface.@Source("red-ajax-loader.gif")ImageResource redLoader();@Source("gwtDuke.jpg")ImageResource gwtDuke();@Source("duke.gif")ImageResource duke();@Source("resStyles.css")Style style();Including a CSS file in the bundle. The style()method is the accessor for the CSS classwired methods in the Style interface.54public interface Style extends CssResource {String different();String loader();String gwtDuke();String duke();}...
Example: resStyles.css.different {width: 180px;height: 30px;border: 1px outset red;background: papayawhip;}@sprite .loader {gwt-image: "redLoader";}@sprite .gwtDuke {gwt-image: "gwtDuke";}@sprite .duke {gwt-image: "duke";}Tells GWT to pull out a “clip” out of thecomposite image which is referenced“redLoader”. The gwt-image is a special GWTproperty for this purpose.The value of gwt-image must match the nameof the method in Resources.55Example: InStyle3.ui.xml56User ControlResultResource Styled!GWT DukeRegular Duke
Page 1 and 2: © 2013 Marty Hall & Yaakov Chaikin
Page 3 and 4: HTML-Based(Eclipse Wizard Builds #1
Page 5 and 6: Example: Improved States/Cities Lis
Page 9 and 10: Example: OptionalTextBox.java19pack
Page 11 and 12: @UiFactory• Create non-private me
Page 13 and 14: Example: GwtUiBinder1.html andEntry
Page 15 and 16: Example: ConstructorArg1.java...pub
Page 19 and 20: Associating CSS Files: Choices39•
Page 21 and 22: Example: GwtUiBinder.html andEntry
Page 23 and 24: Example: InStyle2.javapublic InStyl
Page 25: © 2013 Marty Hall & Yaakov Chaikin
Page 29 and 30: Example: Result59Example: Result (F
Page 31: © 2013 Marty Hall & Yaakov Chaikin

Tutorial section in PDF - Custom Training Courses - Coreservlets.com

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?