5. Let’s create an android project
10/08/135Yahoo! Confidential & Proprietary.
6. Decide your App UI
10/08/136Yahoo! Confidential & Proprietary.
7. What each UI element represents in Android
10/08/137Yahoo! Confidential & Proprietary.
Text Field Button
Grid Of Images
8. Go to Eclipse : Things to do
10/08/138Yahoo! Confidential & Proprietary.
§ Create all the UI elements(TextField, Button, GridView)
› Give ids to all UI elements
› Create a variable for each UI element
› Connect each variable with its corresponding UI element
9. 10/08/139Yahoo! Confidential & Proprietary.
§ Create a method for Button : OnClick
§ Add Internet permission to Android Manifest
10. 10/08/1310Yahoo! Confidential & Proprietary.
§ Implement the method that has to execute on click of button
REST Query
• Where to store the results ??? : ArrayList Of ImageResult Objects
• Create a separate class : ImageResult with two variables
• thumbUrl
• fullUrl
11. 10/08/1311Yahoo! Confidential & Proprietary.
§ Run your code once on Emulator
› Check the output on LogCat’s DEBUG section
› URLs of image results are printed
§ How to show these images in GridView?
› Create an adapter(A subclass of ArrayAdapter<ImageResult) class
› Create an adapter object in main activity
› Attach it to gridView
› Populate entries of arraylist into adapter once response is parsed.
§ Run it
› URLs instead of images in the Grid View
12. Adding Images to GridView
10/08/1312Yahoo! Confidential & Proprietary.
§ Create a new layout (Android XML file)
› Add a SmartImageView to the new layout created
§ Change the name of layout in adapter
› Dear adapter, please make use of SmartImageView whenever you try to display
something
§ How to load the url into image view??
› Job of adapter
13. 10/08/1313Yahoo! Confidential & Proprietary.
§ ~~ Launching another screen(activity)
› Demo : YahooImageSearch
§ Google Image Search
› Demo : GridImageSearch
§ ListView Instead of a GridView??
› Demo : YahooExtendedAnswersClient
§ Oauth?? My Images from Flickr??
› Scribe.jar
› https://github.com/thecodepath/android-rest-client-template
› Demo : FlickrClient