flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From OmPrakash Muppirala <bigosma...@gmail.com>
Subject Re: [FlexJS] Skinning (was Re: [FlexJS] How to make the drawing APIs work from MXML)
Date Thu, 16 Oct 2014 20:04:57 GMT
On Thu, Oct 16, 2014 at 12:49 PM, Alex Harui <aharui@adobe.com> wrote:

> On 10/16/14, 12:30 PM, "OmPrakash Muppirala" <bigosmallm@gmail.com> wrote:
> >
> >Agreed, there does not have to be just one approach.  Most common use of
> >9-slice skinning would be in buttons, scroll bars, title bars, icons, etc.
> >It should be possible to add this support in a separate namespace.
> Just curious:  If you have vectors, why do you need 9-slice?  Do you
> really want portions of the vectors to scale differently?
Yes, that is the usage.  For example, a rounded button with with a corner
radius of 10 can be scaled from 100x30 to 150x30 based on the text.  But,
if we want to maintain the same corner radius of 10, we will need regions
in the skin to indicate which portions can scale and which should not.
This is the kind of scenario where we will want to use 9-slice scaling.

This way, we can build skin for a 100x30 button, specify the 9-slice
scaling rules and let the framework take care of scaling it to various

This tutorial [1] gives a nice, visual explanation.

[1] http://www.sephiroth.it/tutorials/flashPHP/scale9/

> >
> >I think a very good looking default theme for FlexJS which can be
> >customized easily  (like Spark) is a good way to go.
> I was expecting we'd use FlatSpark as the theme.

I will try to start with that.  I was thinking of re-purposing the Android
4.x skins as well.  It would be fun to see how an Android-y web app looks


> -Alex

  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message