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
