Hi Carlos,
"One more thing. I prefer to not add "Bead" to bead's name, since the
implementation indicates already that it is a IBead so we can be less
verbose (I didn't notice that in DataGridSortBead, and will be removing the
Bead now)."
I Agree. Bead name on a bead it's redundant. I just followed other examples
but my feeling tells me absolutely that it's wrong. I just respected other
implementations.
"just added Position bead. It's showcased in TDJ.
Before we had:
<j:Button text="bottom/right" style="bottom:0;right:0"/>
now:
<j:Button text="bottom/right = 0">
<j:beads>
<js:Positioning right="0" bottom="0"/>
</j:beads>
</j:Button>"
Perfect implementation and name. Using Position bead it's much, much better
than working around with style strings or hardcoded properties.
Carlos Rovira <[email protected]> escreveu no dia sábado, 12/09/2020
à(s) 11:37:
> Hi Hugo,
> just added Position bead. It's showcased in TDJ.
> Before we had:
>
> <j:Button text="bottom/right" style="bottom:0;right:0"/>
>
> now:
>
> <j:Button text="bottom/right = 0">
> <j:beads>
> <js:Positioning right="0" bottom="0"/>
> </j:beads>
> </j:Button>
>
> El sáb., 12 sept. 2020 a las 10:31, Carlos Rovira (<
> [email protected]>)
> escribió:
>
> > Hi Hugo,
> >
> > ok you're talking about setting absolute constraints (top, left, right,
> > bottom) right?
> > I was thinking of adding to StyledUIBase, but since it is something used
> > only when positioned in an absolute way, maybe a Bead will be better.
> >
> > For example "PositionAbsolute" could be the name and have "top", "left",
> > "right", "bottom" properties?
> > that should go to Basic since it could be used cross UI sets.
> >
> > One more thing. I prefer to not add "Bead" to bead's name, since the
> > implementation indicates already that it is a IBead so we can be less
> > verbose (I didn't notice that in DataGridSortBead, and will be removing
> the
> > Bead now).
> >
> >
> > El vie., 11 sept. 2020 a las 20:32, Hugo Ferreira (<
> [email protected]>)
> > escribió:
> >
> >> Sure.
> >> I created this bead right now.
> >> I was a component property repeated on several components that I will
> >> convert all in a bead.
> >> I have other use cases that will convert all in beads and end up with a
> >> very light and clean component (Royale way) ;)
> >>
> >> package pt.solidsoft.framework.components
> >> {
> >> import org.apache.royale.core.IBead;
> >> import org.apache.royale.core.IStrand;
> >> import org.apache.royale.core.UIBase;
> >>
> >> public class RightPositionBead implements IBead
> >> {
> >> public var right:int = 0;
> >>
> >> public function set strand(value:IStrand):void
> >> {
> >> if (right > 0)
> >> (value as UIBase).style = "right: " + right + "px";
> >> }
> >> }
> >> }
> >>
> >> Use case:
> >> ...
> >> <g:Group percentWidth="100"
> >> percentHeight="100">
> >> <c:Image src="resources/images/LoginBackground.jpg"
> >> percentHeight="100"/>
> >> <g:VGroup itemsHorizontalAlign="itemsCenter"
> >> y="80"
> >> width="400"
> >> height="360"
> >> hasShadow="true"
> >> borderRadius="5"
> >> backgroundColor="#5c7bb0">
> >> <g:beads>
> >> <c:RightPositionBead right="150"/>
> >> </g:beads>
> >> ...
> >>
> >>
> >> Carlos Rovira <[email protected]> escreveu no dia sexta,
> 11/09/2020
> >> à(s) 19:04:
> >>
> >> > Can you post a snippet of code to understand what you mean?
> >> >
> >> > El vie., 11 sept. 2020 a las 20:00, Hugo Ferreira (<
> >> [email protected]
> >> > >)
> >> > escribió:
> >> >
> >> > > But if you have a Group and set the right style in a component, then
> >> this
> >> > > component is right aligned with a space.
> >> > > It works.
> >> > > I have a property for that, so I thought that a bead could make
> sense.
> >> > >
> >> > > Carlos Rovira <[email protected]> escreveu no dia sexta,
> >> > 11/09/2020
> >> > > à(s) 18:29:
> >> > >
> >> > > > Hi Hugo,
> >> > > >
> >> > > > Group does not have that APIs, since they are all positioned
> >> > absolutely.
> >> > > > Instead HGroup and VGroup has what you want, since "all items" can
> >> be
> >> > > > aligned left, center, right horizontally and top, center, bottom
> >> > > > vertically:
> >> > > >
> >> > > > /**
> >> > > > * Distribute all items horizontally
> >> > > > * Possible values are:
> >> > > > * - itemsLeft
> >> > > > * - itemsCenter
> >> > > > * - itemsRight
> >> > > > * - itemsSpaceBetween
> >> > > > * - itemsSpaceAround
> >> > > > *
> >> > > > * @langversion 3.0
> >> > > > * @playerversion Flash 10.2
> >> > > > * @playerversion AIR 2.6
> >> > > > * @productversion Royale 0.9.4
> >> > > > */
> >> > > > public function get itemsHorizontalAlign():String
> >> > > >
> >> > > > and
> >> > > >
> >> > > > /**
> >> > > > * Distribute all items vertically
> >> > > > * Possible values are:
> >> > > > * - itemsSameHeight
> >> > > > * - itemsCenter
> >> > > > * - itemsTop
> >> > > > * - itemsBottom
> >> > > > *
> >> > > > * @langversion 3.0
> >> > > > * @playerversion Flash 10.2
> >> > > > * @playerversion AIR 2.6
> >> > > > * @productversion Royale 0.9.4
> >> > > > */
> >> > > > public function get itemsVerticalAlign():String
> >> > > >
> >> > > > also
> >> > > >
> >> > > > /**
> >> > > > * A boolean flag to activate "itemsExpand" effect selector.
> >> > > > * Make items resize to the fill all container space
> >> > > > *
> >> > > > * @langversion 3.0
> >> > > > * @playerversion Flash 10.2
> >> > > > * @playerversion AIR 2.6
> >> > > > * @productversion Royale 0.9.4
> >> > > > */
> >> > > > public function get itemsExpand():Boolean
> >> > > >
> >> > > > El vie., 11 sept. 2020 a las 18:28, Hugo Ferreira (<
> >> > > [email protected]
> >> > > > >)
> >> > > > escribió:
> >> > > >
> >> > > > > I really don'' know what is the better name for this:
> >> > > > > RightBead
> >> > > > > PositionBead with a right property
> >> > > > >
> >> > > > > I have components that are inside a Group and I position the
> >> > > components x
> >> > > > > pixels from the right, so, they use a right style.
> >> > > > >
> >> > > > > This could be a bead that can work on any component.
> >> > > > > Makes sense what I'm saying ?
> >> > > > > Or this already exists in some form ?
> >> > > > >
> >> > > >
> >> > > >
> >> > > > --
> >> > > > Carlos Rovira
> >> > > > http://about.me/carlosrovira
> >> > > >
> >> > >
> >> >
> >> >
> >> > --
> >> > Carlos Rovira
> >> > http://about.me/carlosrovira
> >> >
> >>
> >
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
> >
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>
