Android 1: Lesson 13

Android 1: Lesson 13: Image Swiper Part 2

INTRODUCTION

In this lesson you will be Importing a few more pictures into your app, and you’ll be creating an Activity that allows you to swipe in between them

LESSON OBJECTIVES

By the end of this lesson, you will be able to:

1. Swipe in between a few images

2. Add another Activity to the menu

3. Completely understand the manifest

LEARNING SEQUENCE

Required Reading	Read the following: Introduction To Development Environment ·        Eclipse ·        Android ·        Considerations for beginning programming.
Resources	View the following: 1.      Eclipse 2.     Android Development
Assignments	Above the ‘return null’ type ‘ImageView i = new ImageView(this);’ import it Enter ‘i.setBackgroundColor(0xff000000);’ this should match up with what you had down in your xml Enter ‘i.setScaleType(ImageView.ScaleType.FIT_CENTER);’ this is how the picture fits on screen. Enter ‘i.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));’ go to the top and import ‘android.widget.Gallery.LayoutParams’ Change ‘null’ to ‘i’ Under the View ending brackets type ‘private ImageSwitcher mSwitcher;’ Enter ‘public class ImageAdapter extends BaseAdapter’ You are extending another activity within this activity. Import the BaseAdapter, and add unimplemented methods of ImageAdapter Enter ‘public ImageAdapter(Context c) { Enter ‘mContext = c;’ When you added the implemented methods of ImageAdapter, it generated some code. For the ‘getCount’ change 0 to ‘mSpaceIds.length’ For ‘getItem’ change null to ‘position’ For ‘getItemId’ change 0 to ‘position’ Move down to the ‘getView; Above the ‘return’ type ‘ImageView i = new ImageView(mContext);’ Enter ‘i.setImageResource(mSpaceIds[position]);’ Enter ‘i.setAdjustViewBounds(true);’ Enter ‘i.setLayoutParams(new Gallery.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));’ Enter ‘i.setBackgroundResource(R.drawable.testbackground);’ ‘testbackground’ should be whatever you named that picture that is in your drawable folder from the Logo lesson. Change null to i Under the ‘getView’ ending brackets, type ‘private Context mContext;’ import the context Under the ending brackets of that type ‘private Integer[] mSpaceIds = {R.drawable.pic1, R.drawable.pic2’ Enter ‘private Integer[] mImageIds = {R.drawable.pic1, R.drawable.pic2’ for pic1 and 2, type out the names of the pictures you put in your app folders. Export and see how it works!