Data Driven Flip Book in Flash Builder (Part 2)

This is part 2 of building a data-driven flip book in Flash Builder...created by Mike Lively.

---

Closed Caption:

hello this is Mike lively and this is
the second video on building a
data-driven
flip book let me remind you out where
we're at I'll we're working on creating
this particular book right here
the artworks done by my son James I do
the coding see flipped over in using a
different images on both sides the page
you'll have three pages because in the
next generation have the page flip
around
and see connects you have an infinite
foot but disturbing on the data that use
all the data that we're using right now
I is being brought into an XML sheep
let's go to our
Flash Builder so his Flash Builder we
did last time as you are
had the flip a book right here and you
created the data
folder and in the data for you put your
gallery up images in this clip on that
in that gallery basically have
everything you need
and specifically ready what working with
the
thumbnail and the description
now you see we have a description as
five the Thunder hasn't image in it
where do we put that
image we're going to create a images
folder and when input are images
and that no we already have an images
folder and in the images folder
are the old images of my family for
being around us but the new images in
and that's from James's artworks let me
go and grab that so now you can see that
we pay solemn james's images into the
image folder
and we're gonna leave the flipbook
images in there for a little while
unless I
do that are getting there for pull them
out right now
so what we're gonna do now as they were
actually gonna add a data grid to the
flipbook component and then create the
data services so the first thing you
want to do is go to the flipbook
component so from the main
program BBC hoosier components ones'
hold the control key
down and a click on that and text your
ex the component and let's go to design
view
some in design view his wife the book
let's go to Windows and component to
bring this up since either
so what I'm doing is ripping some lube
it up what we did last video because he
didn't quite finish the data part so
let's just start from where we
left are let's grab a datagrid this
dragon has stated I have to do
and when he uses to the connection was a
connection is done
I'm going to rewire everything so here's
my datagrid and I want to work rate my
service is now
so just go up to window go to data
services
and click on Connect data services
and she's HTTP and I'm gonna give the
operation name
will call it get my data
and I'll go to the Europa the date is
assets
a slash data slash my gallery
that XML did that last time to get here
and the service name we just wanna put
get my data
is there something like that okay and
we're done so at that point all you have
to do is
us it finish and it will create a
service for you so that fetish
now the services are created and what I
want to do is pretty much as drag and
drop the service right onto my datagrid
Sodus grab get my data is and is
dragging around a datagrid
and seek a toll plus sign showing that
is going to connect select over
it binds all the data automatically to
the datagrid now
now want to configure the return type
what does that mean that means
I wanna tell it what par the day to grab
and this is really beautiful that you
can do that
so hit configure daytime and all you
have to do this point is hit next yr
is right next and shows you all the data
isn't that wonderful at that point I'm
hit next
and so is showing as my gallery but
actually start
my date at my item tax a click on that
and had finish
and will start right on that tax so
that's it okay
and now everything is connected
that's good run the program is who we
get sonia red program has my flip book
and over here is all my data
gonna pull it over open up a love
excellence everything but it just
working perfectly at this point I'm
actually bring this to our
50 percent saying see everything
and then there's my datagrid and I can
move that over and play around with it
you know or expand the screen lebanese
be done to see it all
but what's important is not so much all
that what's important is the fact this
all now I coded and the connected
and so what I want to do now is I want
to re
coat all that so actually actively bring
that data into my system oh she had to
do that
conflict in a datagrid itself I wanna go
to source code
and the source code is highlighted the
datagrid as a you can see right here
everything that is coming in all the
data right here
so that's all the day the number the
title the artist john is a rating
description up on the screen shot the
video
solid a need to make this thing work and
i wanna make this dynamic
now when I create these services two
very important things were traded I'm
sure the city right here
that was as call responder
and they get my dear is as the
corresponding I want to change a little
bit I wanna
actually creating a recollection and
stick everything that recollection 17 is
in a recollection I can move around
anywhere within the program so let's
build a recollection
so what I've done is like going to the
top my coat on import their recollection
class
and I just created a great collection
which is buying the ball called Michael
act
soon others follow the logic that the
program and show you the huge trick they
can use a turn
all this day this coming in into
recollection you can access throughout
the program
so here's the trick let's follow the
the program flow so this collector's I'm
right click on the
a datagrid let's go back to source so
we'll see where that is
this my datagrid now within my datagrid
there is a
a line of code called create complete
basically when the datagrid is
created and it runs this method what is
a method do
the method calls the token okay
this grabs the data so all this is
XQ through that are call responder so
let's go back to the car responder
here it is right here and here's the
trick right here watch
very close or about to do would open it
up in Atlantica
song when I just open it up add the
following line occurred
anna says after that call responders
executed the date is being grabbed
I want to I run a method and here's my
mother right here
get my data result and here it is right
here
and what get my data is always gonna do
is going to take that direct election
and stuff it with the last results I
mean that's all that met
all that day that you grab so let's
concentrate on this
datagrid method basically after data
grid is complete at this method as
executed and this cause a token that
grabs the data now what we want to do is
we don't want to use a datagrid anymore
when you get rid of it
but we want this call to open matter to
be
executes Abassi on creation complete the
whole program
wouldn't call this a list come up for
hearing create a method
so right within my eye group tag and I'm
still open this up a little bit let's
discuss
space on these an their ego
so you can see all that right within
that tag I was gonna put a complete
statement cycle
space and on as preparation complete
right here
and I'm actually want that to be Jenner
auto-generated form a solid echoed the
alger I put I click here cratia complete
at that
there's my other generations that was
generated the control King go down there
and what I want to do is come up here
and paste at to rate token
that was created when the datagrid was a
finished creating
as copy that as copy that line in code
or art is basically hit hit the Alt key
and have it down into our method
and now what's gonna happen is when my
programs created is good actually run
the talking with analysts holder control
King go down there
and here it is right here in my car
responder what I've done added that
method
get my data results so tokars call the
date is brought in
get my did a result occurs and within
get my day result why do as I take
all the data i stuff it into the
recollection and I treat it
and then off for good measure I'm
actually gonna say what is a link
that a recollection why do I need a link
that a recollection
because I use at to treat the paging
ability
Anne for my book
now this point we no longer need the
data grids let's go back to design
click on the datagrid and just delete it
and there was all that code and we
actually the methods anymore the
socially with the datagrid sweetly that
as well for wanted to
and there's that met that that was
called a
datagrid complete which is blank right
now just to lead for good measure
that's run the program to make sure
still running several bears
and there's an air so click on that
little Arab are right there take us to
the air
so we got wrong here see what it says
type was not found
as a time has also what's happening
here's
I haven't put in the method for the get
results event is actually a
a class for that some try to bring that
and despite doing the
code handing this a get result now
that result try to complete that
code wise their business click on that
and that should automatically added that
at that point let's check to see if the
guy at the top
and there it is automatically at it so
that's pretty cool you xoxo complete
guitar medically at sea classes that you
need now it's run the programs if it
works
and I still have the air so let's go
back to the air debug it
and it doesn't like I
the my linked why does it like that
because I didn't add that
in there as a name so that's going to go
back to top it add that I'll copy that
and
let's go ahead and add that as a name
soul disco
private far and a pace that name and
ok will make a nature an ascetic 10
okay we should be good this year the
program now and everything runs
alright this is Mike lively thanks for
listening will continue this and the
next video