flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Peter Ent <p...@adobe.com>
Subject Re: [FlexJS] FlatSpark and skins
Date Wed, 28 Jan 2015 21:24:30 GMT
After talking with Alex a bit more, it seems there are two paths we can
take, both valid and both really worth exploring.

One is the MXML/designer UI path where skins are specific either in MXML,
drawn in some way, and/or created using a design tool. This skins follow
from Spark skins.

The other is CSS based which works backwards from the HTML/JS side and
attempts to replicate styles in ActionScript. If you look at things like
TopCoat[1] (or even jQuery since it offers styles and themes in a similar
manner) you could imagine applying that same CSS to the ActionScript
version of an app and getting the same look and feel.

And I guess there is a converged third path that combines a little of both

It looks like Om is pursuing the first path so I am going to look at the
second and we'll see where we wind up.

Peter Ent
Adobe Systems

On 1/28/15, 2:07 PM, "Peter Ent" <pent@adobe.com> wrote:

>Working backwards from JS/CSS seems to be the best route, no matter how it
>is implemented. We know there are some least-common denominators such as
>background color and border, so perhaps we start there to formulate a
>I do think we should try and use the core.graphics package which is
>style-able from CSS and we can mimic that much in AS. I've been looking at
>the TextButton on the AS side and makes use of a border bead and a
>background bead if there are border and style properties present.
>I am thinking that we make skins a required element of FlexJS so that
>everything has at least a default skin and TextButton would not even care
>about such things, it would turn that work over to its skins (up, down,
>over) and those skins can make use of core.graphics. This more
>implementation detail, I know.
>On 1/28/15, 1:08 PM, "Alex Harui" <aharui@adobe.com> wrote:
>>I don’t have well-formed thoughts on this topic, but the following
>>occurred to me.
>>On the JS side, the browser has a powerful CSS engine.  Drawing skins in
>>AS/MXML won’t leverage that.  So these kinds of themes may not be
>>styleable.  I think that’s fine, but IMO, Spark skins were designed to
>>have other tools modify/create these non-styleable skins, generally by
>>buying Adobe products.
>>Thus, maybe there will be another kind of theme in FlexJS that is more
>>oriented to being tailored by CSS. I’m not an expert on JS themes at all,
>>but I think I’ve read that lots of them are really “drawn” via CSS.  We
>>may need to support this kind of theme in FlexJS as well.  The AS code
>>will have to handle more advanced CSS.  IMO, these CSS skins will be
>>smaller and faster than code skins.
>>I think I recall that FlatSpark is heavily derived from some JS CSS skin.
>>If so, should the default FlexJS implementation leverage CSS on the JS
>>side, or should it really cross compile from its MXML/AS?
>>Or, I could be totally wrong..
>>On 1/27/15, 1:04 PM, "Peter Ent" <pent@adobe.com> wrote:
>>>On 1/27/15, 2:31 PM, "OmPrakash Muppirala" <bigosmallm@gmail.com> wrote:
>>>>On Tue, Jan 27, 2015 at 11:21 AM, Peter Ent <pent@adobe.com> wrote:
>>>>> Hi,
>>>>> I am thinking about using FlatSpark as either inspiration for a set
>>>>> "skins" for FlexJS or porting it over to FlexJS.  Since FlexJS is
>>>>> JavaScript-minded (what you can do in ActionScript/MXML must
>>>>> JavaScript) I'm thinking that FlexJS skins would need to keep this in
>>>>> Please share your thoughts and ideas if you can.
>>>>This was next on my plate as well.  I want to try and continue where I
>>>>off with the MXML based drawing API which gets translated to SVG on the
>>>>side.  I had good success getting the visuals to work correctly.  I got
>>>>tripped up with tracking the mouse events on the JS side.  I think Alex
>>>>might have checked in something in the meantime that might have fixed
>>>>I have gotten sidetracked with the Android4/iOS8 skins and my vacation
>>>>before I could finish this work.  I hope to get back to this soon.
>>>>Can you share what you have in mind in terms of FlexJS skinning?
>>>I've just started to look into this myself. My first thought is there
>>>should be an explicit way to attach the skin such as a skin property or,
>>>more likely for FlexJS, a skin bead.
>>>I think what you (Om) were doing with core.graphics is a good step with
>>>the ability to place some of the constructs in MXML. Alex has done more
>>>work with events so perhaps what was tripping you up will have cleared
>>>itself up by now.
>>>In the meantime, I need to get re-aquainted with skinning in Flex so
>>>in, by all means.
>>>>> Thanks,
>>>>> Peter Ent
>>>>> Adobe Systems

View raw message