Libgdx skin nine patch

Press Start 2P. Source Sans Pro. View code. Version 46 Live preview of all widgets with configurable options Specify tinted, tiled, and custom created Drawables right in the editor Includes BitmapFont editor and Image font generator like Shoebox Freetype support and custom serializer to generate fonts from Json Nine-Patch editor with batch functions for multiple images Integrated support for TenPatch allowing for smart-resizing, animated UI's.

Topics libgdx. Releases 45 Skin Composer ver. Oct 24, Contributors 7. You signed in with another tab or window. Reload to refresh your session. Sometimes you already have a good widget and you want to make another style just like it with only minor changes. After entering a new name, you can make changes to this style without affecting the original. Each different class represents a widget that you can use in your user interfaces. If you have no use for a certain kind of widget you are not obligated to include it in your skin.

By leaving all of the fields blank and not adding any styles, it will not be included in your export. Some classes, such as the SelectBox, depend on other classes in order to operate.

You must create these dependencies first. There are also mandatory fields that must be filled as dictated by LibGDX. Any classes missing these mandatory fields will not be previewed or exported. Notice the maroon colored fields mandatory and the orange colored fields optional.

Drawables, or simply images in our case, are the main component to our skins. Adding images to your project is very easy. You can also just drag and drop files from your operating system to the window if you prefer. Images of all the standard file types as well as nine-patches are supported by LibGDX. Thumbnails are displayed of each drawable. The background is colored white or black to give the best contrast with the edges of the images.

By default, the drawables are displayed at their smallest natural size. Changing the value of the zoom slider will expand the drawables while honoring any nine patch settings. Sometimes you have a lot of drawables and you need to find a specific one you just added. Changing the sort by select box value will allow you to sort alphabetically or by file modified date.

This will also unbind any style properties that use that particular image. You can also create tinted drawables by clicking the color wheel above the thumbnail.

This creates a duplicate drawable tinted with a specified color. Tinting works best with images that have white fills. Setting colors makes it easy to maintain a consistent theme across your entire skin. An alpha value can be selected from the slider on the right. For more precise control, use the number spinners to change any of these values.

The process was slow, unintuitive, and irksome. With research and experimentation, I created Skin Composer to address the issue. January 12, December 1, With our 19th collaboration, the libGDX Jam continues the time honoured tradition of making awesome games using the best framework out there.