« Flex 4 & Flash Builder 4 are Here! | Main | Flash Embrace – Flash on Chrome: Bravo Google! »
Flash Builder 4: Create a twitter search UI in minutes!
| By Rich Tretola | March 29, 2010 | |
| 5,552 views |
One of the coolest features about the new Flash builder 4 IDE is the code generation abilities for connecting to services and building UI. This was the subject of one of my MAX 2009 sessions and that presentation is still available here.
In this demo,I am going to show how easy it is to create an application that calls twitter search and display the results. I am going to do this without touching the code view within Flash Builder 4.
If you don’t have Flash Builder 4, you can download it for a free trial by visiting http://www.adobe.com/go/try_flashbuilder.
Now simply follow these steps:
Note: The reason we are doing this as an AIR application and not a browser application is due to twitter’s lack of a cross domain policy and not a technical issue with Flash Builder 4.
Within the Operation area, set search as the name and http://search.twitter.com/search.json as the URL. Next click the Add button in the Parameters section and set the name as q. Finally, enter TwitterSearch as the Service name.
OK, so it is clearly not the prettiest twitter search UI I have seen, but it was created in just a few minutes and can easily be skinned into something beautiful. So, if you are so inclined, go ahead and skin the resulting app and I’ll post your screen shots.
Topics: Flex, Flex Builder, flash builder | 16 Comments »
March 29th, 2010 at 12:49 pm
Social comments and analytics for this post…
This post was mentioned on Twitter by richtretola: Blogged: Flash Builder 4: Create a twitter search UI in minutes! http://bit.ly/94ymao…
March 29th, 2010 at 1:33 pm
[...] This post was mentioned on Twitter by Rich Tretola, Mrinal Wadhwa, RJ Jacquez, RJ Jacquez, heathrowe and others. heathrowe said: RT @mrinal: RT @richtretola: Flash Builder 4: Create a twitter search UI in minutes! http://bit.ly/94ymao << data services features in FB4 are awesome ! [...]
March 29th, 2010 at 2:07 pm
Hey Rich – great post, but I thought you might want to know that some links are missing or broken in the first paragraph. I’m on Chrome, but your “view that presentation here” link to your Max 2009 post isn’t a link, and it looks like you intended to link to a trial of FB4 that’s also missing. Obviously you should feel free to blow away this comment if it’s just me or you fix it.
Thanks!
Reply to this comment
Rich Tretola Reply:
March 29th, 2010 at 3:10 pm
I just updated it, sorry about that.
Reply to this comment
RJ Reply:
March 30th, 2010 at 12:40 am
I see the first link now, but I also still see this:
“If you don’t have Flash Builder 4, you can download it for a free trial by visiting .”
Hope this is helpful
Reply to this comment
March 30th, 2010 at 4:36 am
[...] Twitter UI with FB4 March 30, 2010 Leave a comment Go to comments http://blog.everythingflex.com/2010/03/29/flash-builder-4-create-a-twitter-search-ui-in-minutes/#mor... Categories: Flex Comments (0) Trackbacks (0) Leave a comment [...]
April 8th, 2010 at 9:51 pm
This is just a theory but I think it’s pretty sound.
Reply to this comment
May 12th, 2010 at 6:58 am
here is very interesting !
Reply to this comment
May 12th, 2010 at 10:20 am
Thanks Rich,
Your example is working, and by the way, it is a rare example about using json with fb4, maybe the only one available on the net today!
Got a question: what if I don’t want to use a datagrid for my results, how can I access properties inside the results array? for example; I want to tape a query and this query outputs , lets say, from_user, out of the first results row and insert it in a textField?.. in other words, is possible to do something like this:
twitterResults.Results.from_user
I use your example to create a login application that gets jason data :
{”isUserLoggedIn”:1,”message”:”logged in successfully”,”user”:{”id”:”2″,”user_role”:”admin”,”user_email”:”aaa@bbbb.com”}}
and I use vent handler to catch results :
r__checkLogin(event:ResultEvent)
I can access the property “isUserLoggedIn” by:
event.result.isUserLoggedIn
but can’t acess : event.result.user.user_role
sorry for the long message and hope ther’s a fix.
Reply to this comment
Rich Tretola Reply:
May 19th, 2010 at 6:05 am
Sorry for the delay in this response. You can also iterate through the results using a DataGroup. Please see this post:
http://blog.everythingflex.com/2010/05/19/flash-builder-4-twitter-search-ui-updated/
Reply to this comment
May 19th, 2010 at 6:04 am
[...] Rich Tretola | May 19, 20103 views So, back in March, I wrote a post showing how to create a Twitter search UI in minutes with Flash Builder 4. There was a comment asking about how to display the results in a more usable format than the [...]
May 19th, 2010 at 6:09 am
[...] Rich Tretola: So, back in March, I wrote a post showing how to create a Twitter search UI in minutes with Flash Builder 4. There was a comment asking about how to display the results in a more usable format than the [...]
June 23rd, 2010 at 12:15 am
I wrote a post showing how to create a Twitter search UI in minutes with Flash Builder 4.
Reply to this comment
July 9th, 2010 at 11:16 am
Christian Louboutin Nitoinimoi Bandage Ankle
$475.99
Derived from: Christian Louboutin Online. Detailed Source reference: http://www.christianlouboutin9.com/christian-louboutin-nitoinimoi-bandage-ankle-p-35.html
Reply to this comment
July 12th, 2010 at 5:26 am
Good post, thanks for sharing, I enjoy it very much!
Reply to this comment
August 7th, 2010 at 4:36 am
MBT shoes are designed to imitate barefoot in their daily travel miles and the British Li Masai people. A release of a passion for the sport and want to create a perfect and healthy body. By encouraging your physiological to stand up and support your body more straight MBT shoes sale has a unique bend of the foot, use your core muscles and use more of your leg muscles. Using patented technology, cheap MBT shoes will help strengthen the muscles and bring them more active and fit.
Reply to this comment