Question

I need to implement a UI which displays many images(more than 1000). The layout of the images like this:

(image1)  (image2)  (image3)
  ( image4 )    ( image5 )
  ( image6 )    ( image7 )
     ...
  ( imageN )    ( imageN+1)

I want to show these images in a ListView and I know how to do that. But, I don’t know how to identify which image is clicked after showing them. I need to display a big image after clicking the little image in the ListView. Any answer will be appreciated.

Edit 1: if it is hard for a ListView to do this, is it possible to use a GridView to implement this kind of layout?

Answer 1

You can create an ArrayList of ImageView, and add all imageView objects in it. Then just call setOnTouchListener to all elements of the arraylist using loop. In the OnTouch(View v, MotioNEvent event) method, the View v is your imageView.

for example:

for(int i=0;i<imageArray.size();i++){
    imageArray.get(i).setOnTouchListener(new OnTouchListener(){
        protected boolean onTouch(View v, MotionEvent event){
            //v is your image on which the touch event happened.
        }
    });
}