Skin Composer - Create skins for scene2d.ui

Any community contributions to libgdx go here! Some may get included in the core API when permission is granted.

Re: Skin Composer - Create skins for scene2d.ui

Postby raeleus » Sun Mar 26, 2017 9:18 pm

You would think it would be a simple process. I do on occasion just use Photoshop to extend the canvas and add the lines manually. Having worked on hundreds of these 9patch files though, it's an incredibly repetitive process especially when many of these buttons need the same exact measurements. Being off by even one pixel will make your button look wrong. Then when you put it in your app, you realize that you need to make some adjustments. So you'll have to repeat changes to the 4 or 5 different states you have per button. If you have to resize the graphic, you might as well just do the 9patch lines from scratch. Then consider all the iterations you'd have to go through again for each different texture density you are developing for. You can't just scale the image because you need exactly 1px wide black lines.

Using a tool is nice for live previews and guides and some even generate multiple densities for you automatically. However, I haven't found a free software that really does what I want. The draw9patch tool distributed with the Android SDK has an incredibly awful interface and unresponsive controls. It's just very fiddly. Nine-patch editor is close, but has a bug with graphics that have black borders and isn't being developed anymore.

DranikProgrammer, I believe you're referring to the Simple nine-patch generator from Android Asset Studio. That works very well and has some nice features, but it doesn't look like you can edit an existing 9patch file with it. I'd consider that a deal breaker. Android Studio has 9patch editing built into the IDE. I haven't been able to test that out yet.

To answer some of my own issues, short of making my own program as I mentioned, I created several actions in Photoshop to do common operations (clearing 9patch values, copying 9patch from one image to another, etc.). The nice thing about that is you can you run them as batch operations. See File >> Automate >> Batch in Photoshop. My actions aren't production ready though. I'm constantly tweaking them to the particular project I'm working on. I'd share them some day if there is any interest in them.
Play Forward Gunner!
Create skins visually with Skin Composer.
raeleus
 
Posts: 263
Joined: Wed Aug 07, 2013 10:57 pm

Re: Skin Composer - Create skins for scene2d.ui

Postby raeleus » Mon Apr 03, 2017 3:04 pm

Version 11 Available

*Fixed unable to hide welcome screen setting
*Enforce using "_data" folder when "Keep resources relative" is selected. Solves #20
*Fixed alignment property of the TextField preview having no effect.
*Fixed renaming a style selects a different style afterwards
*Fixed wrong warnings when exporting imported skins
*Updated to LibGDX 1.9.6
Play Forward Gunner!
Create skins visually with Skin Composer.
raeleus
 
Posts: 263
Joined: Wed Aug 07, 2013 10:57 pm

Re: Skin Composer - Create skins for scene2d.ui

Postby raeleus » Sun May 28, 2017 6:04 pm

Version 12 Available

*Fixed font dialog not allowing import of fonts larger than 1024x1024
*Possible fix for Mac version
Play Forward Gunner!
Create skins visually with Skin Composer.
raeleus
 
Posts: 263
Joined: Wed Aug 07, 2013 10:57 pm

Re: Skin Composer - Create skins for scene2d.ui

Postby wizered67 » Sat Jun 03, 2017 11:12 pm

Just wanted to say that you did an amazing job with this! I'd seen your skin composer in the past but was always slightly unsure how to use it. Now that I'm actually starting to work on skin stuff for my project I took another look at your program and realized how easy it was. Having examples in the welcome screen made it much easier for me to figure out how to use it. Pretty much every feature I imagined needing was already provided and seems intuitive. I really hope you continue to develop this and make other programs like it!
wizered67
 
Posts: 18
Joined: Wed May 25, 2016 6:32 am

Re: Skin Composer - Create skins for scene2d.ui

Postby raeleus » Sun Jun 04, 2017 12:13 am

Thanks for your comments! Updates to skin composer have slowed down, however I still plan to maintain the project with any changes tp LibGDX's skin implimentation. If you have an issues, don't hesitate to post them on Github.
Play Forward Gunner!
Create skins visually with Skin Composer.
raeleus
 
Posts: 263
Joined: Wed Aug 07, 2013 10:57 pm

Re: Skin Composer - Create skins for scene2d.ui

Postby raeleus » Mon Jun 19, 2017 9:02 am

Version 13 Available
*Fixed crashes in Progress Bar and Slider when changing spinner values to invalid values.
*Added prompt for user to browse for missing files when opening a project.
Play Forward Gunner!
Create skins visually with Skin Composer.
raeleus
 
Posts: 263
Joined: Wed Aug 07, 2013 10:57 pm

Previous

Return to Libgdx Contributions

Who is online

Users browsing this forum: No registered users and 4 guests