Tutorial: Yahoo! Image Search

This example shows how to use the Carbide.c++ UI Designer for S60 to define the UI of an application and to implement the "real work" in the generated code.

The application consists of two screens. The main screen prompts the user to to initiate a search and displays the list of search results. The second screen displays the Yahoo! provided thumbnail image of the selected result.

Choose a link to read the following topics:

Adding application logic part 2: download and display selected image

Our application can now prompt the user for a search string, query Yahoo! Image Search, and display of search results. The next step is to add support for downloading and displaying the selected image. To do so we will use some new objects. These objects are part of the application logic and are not generated by the UI Designer.

The diagram below shows, in simplified form, the activity involved in downloading, decoding, and displaying the selected image.

Figure 1 - Activities involved in downloading, decoding, and displaying images

Next we'll look at how this behavior is accomplished in Carbide.c++.