android - Show photo in listview using path

Question

I am trying to show all my pictures in a listview. I have an sqlite db where i save the image's path and now i wanted to know how can i show the image. I already know how to convert the path in a bitmap but i really have no ideia how to put it in the listview

File imgFile = new  File(caminhoNovo);
final BitmapFactory.Options options = new BitmapFactory.Options();
options.inPreferredConfig = Bitmap.Config.RGB_565;
options.inSampleSize = 4;
    //This is the path already converted to image
Bitmap myBitmap = BitmapFactory.decodeFile(imgFile.getAbsolutePath(),options); 
ImageView myImage = (ImageView) findViewById(R.id.imageView1);
myImage.setImageBitmap(myBitmap);

Right now i have a listview with the photos title and when i click in the title the image appears in an imageview but i wanted to show the images. Does anyone know how can i do that or does anyone know a better way than a listview to show the images and how can i do that??

Answer 1

image View in an xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="30dp"
    android:src="@drawable/ic_launcher" />

</RelativeLayout>

main activity xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:text="List of Images"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView1"
    android:layout_centerHorizontal="true" >
</ListView>

</RelativeLayout>

Main Activity class: ImageListView, I am showing the images that are in the **res->drawable-mdpi folder

import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class ImageListView extends Activity {

    private ImageAdapter adapter;
    private ListView imageList;

    private ArrayList<Integer> imagePaths= new ArrayList<Integer>(); // Edit your code here..

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.image_listview);

        // Edit your code here..
        imagePaths.add(R.drawable.image1);
        imagePaths.add(R.drawable.image2);
        imagePaths.add(R.drawable.image3);

        imageList= (ListView) findViewById(R.id.listView1);
        adapter= new ImageAdapter(getBaseContext(), imagePaths);
        imageList.setAdapter(adapter);      
    }
}

Custom Adapter: ImageAdapter

import java.util.ArrayList;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {

    static class RowItemHolder{
        ImageView imageView;
    }
    private Context context;
    private ArrayList<Integer> imagePaths= new ArrayList<Integer>();

    public ImageAdapter(Context baseContext, ArrayList<Integer> imagePaths) {
    // TODO Auto-generated constructor stub
        this.context= baseContext;
        this.imagePaths= imagePaths;
    }

    @Override
    public int getCount() {
    // TODO Auto-generated method stub
        return imagePaths.size();
    }

    @Override
    public Object getItem(int position) {
    // TODO Auto-generated method stub
            return null;
    }

    @Override
    public long getItemId(int position) {
    // TODO Auto-generated method stub
            return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stub
    View view;
    view= convertView;
    RowItemHolder holder = null;
    if(view== null){
            LayoutInflater in =(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = in.inflate(R.layout.image_view, parent, false);
            holder= new RowItemHolder();
            holder.imageView=(ImageView) view.findViewById(R.id.imageView1);
        view.setTag(holder);
    } else{
            holder = (RowItemHolder) view.getTag();
    }
    //Edit the code here according to you needs.. 
    //like creating option and converting to Bitmap, 
    //or you can do this job in the main activity.
    holder.imageView.setImageResource(imagePaths.get(position));
    return view;
}
}