Silverlight TV 45: Building a Bing Web and Image Search App for Windows Phone 7 Using Blend and Silverlight
- Posted: Sep 16, 2010 at 9:00 AM
- 20,477 Views
- 10 Comments
Download
How do I download the videos?
- To download, right click the file type you would like and pick “Save target as…” or “Save link as…”
Why should I download videos from Channel9?
- It's an easy way to save the videos you like locally.
- You can save the videos in order to watch them offline.
- If all you want is to hear the audio, you can download the MP3!
Which version should I choose?
- If you want to view the video on your PC, Xbox or Media Center, download the High Quality WMV file (this is the highest quality version we have available).
- If you'd like a lower bitrate version, to reduce the download time or cost, then choose the Medium Quality WMV file.
- If you have a Zune, WP7, iPhone, iPad, or iPod device, choose the low or medium MP4 file.
- If you just want to hear the audio of the video, choose the MP3 file.
Right click “Save as…”
- High Quality WMV (PC, Xbox, MCE)
- MP3 (Audio only)
- MP4 (iPod, Zune HD)
- Mid Quality WMV (Lo-band, Mobile)
Want to build a Bing web and image search using Silverlight for Windows Phone 7? Kirupa Chinnathambi of the Expression team shows you just how to do that in this week's episode. Kirupa covers a lot of topics as he builds the app, including how to:
- wire up the app
- add the image templates
- use the Pivot control
- apply the built in resources to pick up the selected theme in the phone
- use sample data
- template a ListBox's ItemsPanel
- use the WrapPanel from the toolkit
- handle orientation changes of the phone
- customize the ApplicationBar
And Kirupa does all of this through Expression Blend!
Note: The WrapPanel used in this episode was from the Silverlight 3 Toolkit. Today the Silverlight for Windows Phone Toolkit was released, which includes the WrapPanel. Check out what other controls are in the toolkit in John's post.
Relevant links:
- John's blog and on Twitter (@john_papa)
- Kirupa's demo
- List of
- Theme Resources for Windows Phone for Windows Phone
- ApplicationBar Icon pack for Windows Phone
- Kirupa's blog and on Twitter (@kirupa)
- Get a Bing App ID
- Download the Windows Phone Developer Tools
Follow us on Twitter @SilverlightTV or on the web at
http://silverlight.tv/
Are you developing with Windows Phone 7? You can pre-order Learning Windows Phone Programming by Jaime Rodriguez, Yochay Kiriaty, and John Papa! Or check out
the book's website.
Comments Closed
Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation,
please create a new thread in our Forums,
or
Contact Us and let us know.
Follow the Discussion
Hey Now John,
Great Vid & Nice Shades!
Thx 4 the info,
Catto
The sample does not compile in the WP7 dev tools RTM using the latest version of the silverlight toolkit for windows phone.
Bad reference and then complains about the WrapPanel not being a recognised XML attribute.
Great tutorial - thanks
@Simon (Darkside) Jackson: You need to have the Silverilght 3 Toolkit installed because the video was recorded before we had the Silverlight Toolkit for Windows Phone out. I'll send John an updated link with a revised version of the sample shortly :P
I've installed the "Silverlight for Windows Phone Toolkit" at http://silverlight.codeplex.com/ then replace the reference to "Microsoft.Phone.Controls.Toolkit". And changed the following in MainPage.xaml: xmlns:controlsToolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"It is working fine.
@Dale: How did you get this this to work? I sit for hours trying to figure it out( mind you I have not programming experience). I finally got the app to load, but now when I do a search the app crashes. What am I doing wrong?
Dwayne - the reason might be that you never specified your own Bing API Developer ID on Line 42 in MainPage.xaml.cs.
You can get your own ID for free from here: http://www.bing.com/developers/createapp.aspx
Cheers,
Kirupa =)
Btw - here is the link to the source that works with the Windows Phone Toolkit itself: http://www.kirupa.com/windowsphone/source/Silverlight TV - WP7 Demo Source.zip
=)
@kirupa: Thanks. The link worked and I have a Bing AppID.
I added the refrence and give my bing AppID but i got this error when i run the code and click go (for search):
System.ServiceModel.FaultException was unhandled
Message=Client error
StackTrace:
at System.ServiceModel.DiagnosticUtility.ExceptionUtility.BuildMessage(Exception x)
at System.ServiceModel.DiagnosticUtility.ExceptionUtility.LogException(Exception x)
at System.ServiceModel.DiagnosticUtility.ExceptionUtility.ThrowHelperWarning(Exception e)
at System.ServiceModel.Channels.ServiceChannel.HandleReply(ProxyOperationRuntime operation, ProxyRpc& rpc)
at System.ServiceModel.Channels.ServiceChannel.EndCall(String action, Object[] outs, IAsyncResult result)
at System.ServiceModel.ClientBase`1.ChannelBase`1.EndInvoke(String methodName, Object[] args, IAsyncResult result)
at BingDemo2.BingWebService.BingPortTypeClient.BingPortTypeClientChannel.EndSearch(IAsyncResult result)
at BingDemo2.BingWebService.BingPortTypeClient.BingDemo2.BingWebService.BingPortType.EndSearch(IAsyncResult result)
at BingDemo2.BingWebService.BingPortTypeClient.EndSearch(IAsyncResult result)
at BingDemo2.BingWebService.BingPortTypeClient.OnEndSearch(IAsyncResult result)
at System.ServiceModel.ClientBase`1.OnAsyncCallCompleted(IAsyncResult result)
at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously)
at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously, Exception exception)
at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.CallComplete(Boolean completedSynchronously, Exception exception)
at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.FinishSend(IAsyncResult result, Boolean completedSynchronously)
at System.ServiceModel.Channels.ServiceChannel.SendAsyncResult.SendCallback(IAsyncResult result)
at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously)
at System.ServiceModel.AsyncResult.Complete(Boolean completedSynchronously, Exception exception)
at System.ServiceModel.Channels.HttpChannelFactory.HttpRequestChannel.HttpChannelAsyncRequest.OnGetResponse(IAsyncResult result)
at System.Net.Browser.ClientHttpWebRequest.<>c__DisplayClassa.<InvokeGetResponseCallback>b__8(Object state2)
at System.Threading.ThreadPool.WorkItem.doWork(Object o)
at System.Threading.Timer.ring()
Remove this comment
Remove this thread
close