Hi, just want let you know that the "image clipping and combining" landed in the documentation section at the qooxdoo wiki.
-> http://qooxdoo.org/documentation/0.8/image_clipping_and_combining Be sure to check it out :) cheers, Alex Chris Banford wrote: > Hi Alex, > > Thanks for this great explanation -- I'd spent a few hours digging into > the innards of qx, trying to figure out how it was building these > backgrounds. The following definitely needs to go into the wiki docs :-) . > > PS. I don't find this complicated (complicated is trying to get the same > to work via html + css!) -- just cool that one can build such graphic > support as part of the framework. > > -Chris > > >> Hi Tobias, >> >> yes, the news article is out-of-date :) >> >> I try to explain the rounded borders stuff at the groupbox widget in >> Modern theme and this should get you the picture to implement it for >> your own widget. >> >> First of all, the decorator you have to choose is the Grid decorator. >> This decorator uses a baseImage to slice this baseImage into 9 parts: >> * top-left, top, top-right >> * left, center, right >> * bottom-left, bottom, bottom-right >> >> You probably never get in touch with these splitted images in any way, >> but I guess it helps a bit to know some internals. >> >> 1. Create your baseImage like >> "qooxdoo-sdk/framework/source/resource/source/Modern/groupbox.png" >> 2. Create a "image.json" file (use the one at >> "qooxdoo/framework/image.json" as template) >> 3. Create an entry at the "image-clipping" section for your baseImage >> The "prefix" entry will set the filename for all of your splitted >> images. The resulting images will follow the rule "prefix+imagepart" >> where "imagepart" will be e.g. "tl" or "br" (for top-left and >> bottom-right). >> >> The second entry "border-width" is to define the part of the image >> which the rounded border occupies. If you look at your baseImage you >> can determine the "border-width" by select a rectangle (which your >> graphic tool) which occupies the rounded border completely. For the >> groupBox example the rounded border occupies a space of 4x4 pixels for >> each edge. Just open the "groupBox.png" and take a look for yourself >> if my explanation is good enough :) >> >> 4. Run "./generate -c image.json image-clipping" to generate the image >> slices >> 5. Create a new Grid decorator which uses your baseImage. You do not >> have to deal with the splitted images, just tell the grid decorator to >> use your baseImage. The rest will be magic :) >> >> I hope these steps are complete and will help you to setup a widget >> with rounded borders. If you encounter some issues or glitches let me >> know. I guess I use this explanation as base for the documentation at >> the wiki :) >> >> cheers, >> Alex >> >> >> >> Tobias Koller (GERMO GmbH) wrote: >> >>> Hi lsit, >>> >>> how can I create rounded borders? >>> >>> I guess this solution is too old ;) >>> >>> http://news.qooxdoo.org/2008/02 >>> >>> thanks >>> >>> Tobias >>> > > -- Alexander Back Core Development::Webtechnologies [EMAIL PROTECTED] fon +49 721 91374 8047 http://www.1und1.de 1&1 Internet AG Ernst-Frey-Straße 9 76135 Karlsruhe Amtsgericht Montabaur HRB 6484 Vorstand: Henning Ahlert, Ralph Dommermuth, Matthias Ehrlich, Thomas Gottschlich, Matthias Greve, Robert Hoffmann, Markus Huhn, Oliver Mauss, Achim Weiss Aufsichtsratsvorsitzender: Michael Scheeren ------------------------------------------------------------------------- This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the world http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
