Display Video thumbnail in ListView

In this exercise, the path of video sources are hard-coded in a String[]. A ListView with thumbnail, and path of the videos will be implemented.

remark: For minimum API Level 8, Android 2.2.



We have to create our custom ArrayAdapter, MyThumbnaildapter. And override getView() method to custom our own view.

Create a file /res/layout/row.xml, it's the layout of individual row in our ListView.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:id="@+id/Thumbnail"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon"/>
<TextView
android:id="@+id/FilePath"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>

AndroidThumbnailList.java

package com.exercise.AndroidThumbnailList;

import android.app.ListActivity;
import android.content.Context;
import android.graphics.Bitmap;
import android.media.ThumbnailUtils;
import android.os.Bundle;
import android.provider.MediaStore.Video.Thumbnails;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class AndroidThumbnailList extends ListActivity{

String[] videoFileList = {
  "/sdcard/Video/Android 2.0 Official Video_low.mp4",
  "/sdcard/Video/Android 2.2 Official Video_low.mp4",
  "/sdcard/Video/Android 2.3 Official Video_low.mp4",
  "/sdcard/Video/Android 3.0 Preview_low.mp4",
  "/sdcard/Video/Android Demo_low.mp4",
  "/sdcard/Video/Android in Spaaaaaace!.mp4",
  "/sdcard/Video/Android in Spaaaaaace!_low.mp4",
  "/sdcard/Video/What is an Android phone-_low.mp4"
};

public class MyThumbnaildapter extends ArrayAdapter<String>{

 public MyThumbnaildapter(Context context, int textViewResourceId,
   String[] objects) {
  super(context, textViewResourceId, objects);
  // TODO Auto-generated constructor stub
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub
 
  View row = convertView;
  if(row==null){
   LayoutInflater inflater=getLayoutInflater();
   row=inflater.inflate(R.layout.row, parent, false);
  }
 
  TextView textfilePath = (TextView)row.findViewById(R.id.FilePath);
  textfilePath.setText(videoFileList[position]);
  ImageView imageThumbnail = (ImageView)row.findViewById(R.id.Thumbnail);
 
  Bitmap bmThumbnail;
        bmThumbnail = ThumbnailUtils.createVideoThumbnail(videoFileList[position], Thumbnails.MICRO_KIND);
        imageThumbnail.setImageBitmap(bmThumbnail);
 
  return row;
 }

}

  /** Called when the activity is first created. */
  @Override
  public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setListAdapter(new MyThumbnaildapter(AndroidThumbnailList.this, R.layout.row, videoFileList));
  }
}

Download the files.


Related Article:
- ThumbnailUtils
- Create thumbnail for a video using ThumbnailUtils
- Launch ACTION_VIEW Intent to play mp4