Mailing-List: contact users-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: users@flex.apache.org
Received-SPF: pass (nike.apache.org: domain of reynacho@gmail.com designates
 209.85.216.179 as permitted sender)
MIME-Version: 1.0
Date: Fri, 22 Nov 2013 11:35:54 -0600
Message-ID: 
 <CAGbfzpfUMuW1eYciVpWjeqKvxowcrGp8ekVB9u7gDWMLRXHbcw@mail.gmail.com>
Subject: Sprite Auto Alignment
From: Jake Churchill <reynacho@gmail.com>
To: users@flex.apache.org
Content-Type: multipart/mixed; boundary=001a11c29f4c419fae04ebc77222

--001a11c29f4c419fae04ebc77222
Content-Type: multipart/alternative; boundary=001a11c29f4c419faa04ebc77220

--001a11c29f4c419faa04ebc77220
Content-Type: text/plain; charset=ISO-8859-1

Guys,

I'm working on a project with a component that displays child sprites of
different sites and allows the user to arrange them.  The sprites are all
rectangles of different sizes.

What I'm trying to do is create an auto-align which will crunch the
children down into the smallest possible arrangement.

I'm wondering if anyone has heard of or has some kind of logic that would
help with this.  FYI, I'm not looking for a handout.  I've already gone
through 2 different iterations of the logic and each has a bug once in a
while.

Where I run into issues is when I have one really tall sprite and a bunch
of shorter ones.  I get things aligned in a single row and then create
another row on top and start lining up the additional ones, but really what
should happen is I should have the larger sprite have a "rowspan" like you
can with html tables.

I've attached an illustration from the app.  The top 2 images is start and
after the auto align.  This works well when the sprites are about the same
size.  The 2nd row is what happens with a taller sprite and much smaller
sprites, and finally below is what I would like to have happen but am
having issues getting there.

Any help would be awesome.

Thanks!

-Jake

--001a11c29f4c419faa04ebc77220
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">Guys,<div><br></div><div>I&#39;m working on a project with=
 a component that displays child sprites of different sites and allows the =
user to arrange them. =A0The sprites are all rectangles of different sizes.=
 =A0</div>
<div><br></div><div>What I&#39;m trying to do is create an auto-align which=
 will crunch the children down into the smallest possible arrangement.</div=
><div><br></div><div>I&#39;m wondering if anyone has heard of or has some k=
ind of logic that would help with this. =A0FYI, I&#39;m not looking for a h=
andout. =A0I&#39;ve already gone through 2 different iterations of the logi=
c and each has a bug once in a while.</div>
<div><br></div><div>Where I run into issues is when I have one really tall =
sprite and a bunch of shorter ones. =A0I get things aligned in a single row=
 and then create another row on top and start lining up the additional ones=
, but really what should happen is I should have the larger sprite have a &=
quot;rowspan&quot; like you can with html tables.</div>
<div><br></div><div>I&#39;ve attached an illustration from the app. =A0The =
top 2 images is start and after the auto align. =A0This works well when the=
 sprites are about the same size. =A0The 2nd row is what happens with a tal=
ler sprite and much smaller sprites, and finally below is what I would like=
 to have happen but am having issues getting there.</div>
<div><br></div><div>Any help would be awesome.</div><div><br></div><div>Tha=
nks!</div><div><br></div><div>-Jake</div></div>

--001a11c29f4c419faa04ebc77220--

--001a11c29f4c419fae04ebc77222--