这次项目中使用到拍照和拍摄视频的功能,那么既然是拍照和拍视频肯定涉及到缩略图的处理。所以接下来我们要学习下载android中如何处理图片和视频来获取我们需要的缩略图。幸运的是,android已经给我们提供好了具体的工具类,所以我们只需要学习这么工具类的api如何使用。
现在直接切入正题,对于获取视频缩略图,android系统中提供了ThumbnailUtils、android.provider.MediaStore.Images.Thumbnails、android.provider.MediaStore.Video.Thumbnails、MediaMetadataRetriever几个类可以使用,在这篇文章中,我仅仅对ThumbnailsUtils进行分析,肯能后续文章会介绍下后面三个类。
ThumbnailUtils方法是在android2.2(api8)之后新增的一个,该类为我们提供了三个静态方法供我们使用。
下面我们分别介绍下这三个方法:
(1)、createVideoThumbnail:
我们先看看它的源码:
/** * Create a video thumbnail for a video. May return null if the video is * corrupt or the format is not supported. * * @param filePath the path of video file * @param kind could be MINI_KIND or MICRO_KIND */
public static Bitmap createVideoThumbnail(String filePath, int kind) {
Bitmap bitmap = null;
MediaMetadataRetriever retriever = new MediaMetadataRetriever();
try {
retriever.setDataSource(filePath);
bitmap = retriever.getFrameAtTime(-1);
} catch (IllegalArgumentException ex) {
// Assume this is a corrupt video file
} catch (RuntimeException ex) {
// Assume this is a corrupt video file.
} finally {
try {
retriever.release();
} catch (RuntimeException ex) {
// Ignore failures while cleaning up.
}
}
if (bitmap == null) return null;
if (kind == Images.Thumbnails.MINI_KIND) {
// Scale down the bitmap if it's too large.
int width = bitmap.getWidth();
int height = bitmap.getHeight();
int max = Math.max(width, height);
if (max > 512) {
float scale = 512f / max;
int w = Math.round(scale * width);
int h = Math.round(scale * height);
bitmap = Bitmap.createScaledBitmap(bitmap, w, h, true);
}
} else if (kind == Images.Thumbnails.MICRO_KIND) {
bitmap = extractThumbnail(bitmap,
TARGET_SIZE_MICRO_THUMBNAIL,
TARGET_SIZE_MICRO_THUMBNAIL,
OPTIONS_RECYCLE_INPUT);
}
return bitmap;
}
通过观看源码:我们发现该方法的内部也是使用了一个MediaMetadataRetriever的对象,那这个对象究竟是何方神圣呢?容我们稍后再说,反正就是通过这个对象获得了一个bitmap对象,然后再根据kind的类型进行图片的压缩。源码的总体思路就是这样。
参数说明:
(2)、extractThumbnail(Bitmap source, int width, int height):进行图片的裁剪
我们先看看源码:
/** * Creates a centered bitmap of the desired size. * * @param source original bitmap source * @param width targeted width * @param height targeted height */
public static Bitmap extractThumbnail(
Bitmap source, int width, int height) {
return extractThumbnail(source, width, height, OPTIONS_NONE);
}
源码很简单,就是调用了 extractThumbnail的兄弟。
参数说明:
(3)、extractThumbnail( Bitmap source, int width, int height, int options):进行图片的额裁剪,指定options选项。
看看源码:
/** * Creates a centered bitmap of the desired size. * * @param source original bitmap source * @param width targeted width * @param height targeted height * @param options options used during thumbnail extraction */
public static Bitmap extractThumbnail(
Bitmap source, int width, int height, int options) {
if (source == null) {
return null;
}
float scale;
if (source.getWidth() < source.getHeight()) {
scale = width / (float) source.getWidth();
} else {
scale = height / (float) source.getHeight();
}
Matrix matrix = new Matrix();
matrix.setScale(scale, scale);
Bitmap thumbnail = transform(matrix, source, width, height,
OPTIONS_SCALE_UP | options);
return thumbnail;
}
源码中的处理采用Matrix对象进行变换操作,也不是很复杂,对Matrix不是很熟悉的同学可以搜下用法。在我们自定义view中还是很有用途的。
参数说明:
ThumbnailUtils类的核心就是这三个方法,我们只需要知道如何使用即可。更多内容参考欧阳鹏写的这篇文章。
下面我们通过一个案例来介绍下它的使用。案例的需求就是:调用系统的相机进行拍照和拍摄视频功能,然后展示缩略图。需求很简单,核心就是利用ThumbnailUtils工具类进行缩略图的处理。现在我们开始来完成这个需求。我们在eclipse中创建工程PicturePhotoDemo。
1、首先进行我们的主页面布局搭建:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.dsw.picturephotodemo.MainActivity" >
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:textSize="20sp" android:padding="10dp" android:text="@string/hello_world" />
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:gravity="center_horizontal" android:orientation="horizontal">
<Button android:id="@+id/take_picture" android:layout_height="wrap_content" android:layout_width="100dp" android:text="@string/take_picture" android:textSize="17sp"/>
<Button android:id="@+id/take_video" android:layout_height="wrap_content" android:layout_width="100dp" android:text="@string/take_video" android:textSize="17sp"/>
</LinearLayout>
<com.dsw.horizonlistview.HorizontalListView android:id="@+id/horizontalListView" android:layout_width="match_parent" android:layout_gravity="center_vertical" android:spacing="5dp" android:layout_height="100dp" android:scrollbars="@null">
</com.dsw.horizonlistview.HorizontalListView>
</LinearLayout>
在上面的布局中,我们使用了一个自定义View名为HorizontalListView(一个大牛写的,拿来用了)。HorizontalListView的源码就不贴了,太多了,而且不是我们的重点,有兴趣研究的同学可以稍后下载demo工程,在工程中有。我们只需知道HorizontalListView是一个横向的ListView,使用方法同ListView,同样需要Adapter的使用。
2、我们新建一个MeadiaInformation的实体,用于存储我们的照片信息。
public class MeadiaInformation {
//图片路径
public String srcPath;
//图片:type=0 视频:type=1
public int type;
//bitmap资源图片
public Bitmap bitmap;
}
3、我们自定义HorizontalListViewAdapter适配器,用于处理我们的图片展示。
public class HorizontalListViewAdapter extends BaseAdapter{
private Context mContext;
private LayoutInflater mInflater;
Bitmap iconBitmap;
private int selectIndex;
private List<MeadiaInformation> list;
public HorizontalListViewAdapter(Context context, List<MeadiaInformation> list){
this.mContext = context;
this.list = list;
mInflater=(LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);//LayoutInflater.from(mContext);
}
@Override
public int getCount() {
return list == null ? 0 : list.size();
}
@Override
public Object getItem(int position) {
return list == null ? null : list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if(convertView==null){
holder = new ViewHolder();
convertView = mInflater.inflate(R.layout.horizontal_list_item, null);
holder.mImage=(ImageView)convertView.findViewById(R.id.img_list_item);
holder.mVideoImage = (ImageView) convertView.findViewById(R.id.img_video);
convertView.setTag(holder);
}else{
holder=(ViewHolder)convertView.getTag();
}
//判断当前项是否为选中项
if(position == selectIndex){
convertView.setSelected(true);
}else{
convertView.setSelected(false);
}
if(list != null && list.size() > 0){
iconBitmap = list.get(position).bitmap;
holder.mImage.setImageBitmap(iconBitmap);
if(list.get(position).type == 1){//如果是视频,就显示视频播放按钮
holder.mVideoImage.setVisibility(View.VISIBLE);
}else{//如果不是视频就不显示该播放按钮
holder.mVideoImage.setVisibility(View.INVISIBLE);
}
}
return convertView;
}
private static class ViewHolder {
//展示图片的额ImageView
private ImageView mImage;
//展示视频中间的播放图片
private ImageView mVideoImage;
}
/** * 添加展示项 * @param infor */
public void addInformation(MeadiaInformation infor){
list.add(infor);
notifyDataSetChanged();
}
/** * 添加音频集合信息 * @param listInfo */
public void addInformationList(List<MeadiaInformation> listInfo){
list.addAll(listInfo);
notifyDataSetChanged();
}
/** * 添加选中的item * @param i */
public void setSelectIndex(int i){
selectIndex = i;
}
/** * 获取当前选中项 * @return */
public int getSelectIndex(){
return this.selectIndex;
}
}
3、万事具备,我们需要在MainActivity中处理我们的拍照逻辑,然后处理缩略图。本来我是想贴处理那部分的代码的,但是感觉逻辑有点接不上了,所以还是把MainActivity都贴出来吧!
public class MainActivity extends Activity {
//拍照的请求码
private static final int REQUEST_TAKE_PITURE = 100;
//拍视频的请求码
private static final int REQUEST_TAKE_VIDEO = 200;
private MainActivity _this;
//拍照按钮
private Button btn_takePicture;
//拍视频按钮
private Button btn_takeVideo;
//文件存储路径
private String path;
//文件file
private File photoFile;
//图片展示的ListView
private HorizontalListView listView;
//ListView的适配器
private HorizontalListViewAdapter listViewAdapter;
//构造的多媒体对象
private MeadiaInformation infor;
private DisplayMetrics metrics;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
_this =this;
btn_takePicture = (Button) findViewById(R.id.take_picture);
btn_takeVideo = (Button) findViewById(R.id.take_video);
listView = (HorizontalListView) findViewById(R.id.horizontalListView);
metrics = getResources().getDisplayMetrics();
setOnListener();
initAdapter();
initPath();
}
/** * 初始化存储路径 */
private void initPath(){
//判断是否有存储卡
if(Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState())){
//有存储卡获取路径
path = Environment.getExternalStorageDirectory().getAbsolutePath()+"/PhotoDemo/";
}else{
//没有存储卡的时候,存储到这个路径
path = getApplicationContext().getFilesDir().getPath()+ "/PhotoDemo/";
}
File file = new File(path);
if(!file.exists()){
file.mkdirs();
}
}
/** * 设置适配器的初始化 */
private void initAdapter(){
List<MeadiaInformation> list = new ArrayList<MeadiaInformation>();
listViewAdapter = new HorizontalListViewAdapter(_this, list);
listView.setAdapter(listViewAdapter);
}
/** * 设置控件监听 */
private void setOnListener(){
btn_takePicture.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Date date = new Date();
String name = path + "/" + date.getTime() + ".jpg";
photoFile = new File(name);
Uri uri = Uri.fromFile(photoFile);
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
intent.putExtra(MediaStore.EXTRA_VIDEO_QUALITY, 10);
//启动照相
startActivityForResult(intent, REQUEST_TAKE_PITURE);
}
});
btn_takeVideo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Date date = new Date();
String name = path + "/" + date.getTime() + ".3gp";
photoFile = new File(name);
Uri uri = Uri.fromFile(photoFile);
Intent intent = new Intent(MediaStore.ACTION_VIDEO_CAPTURE);
intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);
intent.putExtra(MediaStore.EXTRA_VIDEO_QUALITY, 10);
//启动照相
startActivityForResult(intent, REQUEST_TAKE_VIDEO);
}
});
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position,
long arg3) {
listViewAdapter.setSelectIndex(position);
listViewAdapter.notifyDataSetChanged();
}
});
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
//通过requestCode判断类型,通过resultCode判断是否成功
if(resultCode == RESULT_OK){
infor = new MeadiaInformation();
infor.srcPath = photoFile.getAbsolutePath();
switch(requestCode){
case REQUEST_TAKE_PITURE:
infor.type =0;
break;
case REQUEST_TAKE_VIDEO:
infor.type =1;
break;
}
getBitmapFromFile();
//将此MeadiaInformation添加到Adapter
listViewAdapter.addInformation(infor);
}
}
//根据文件路径获取缩略图
private void getBitmapFromFile() {
/** * android系统中为我们提供了ThumbnailUtils工具类来获取缩略图的处理。 * ThumbnailUtils.createVideoThumbnail(filePath, kind) * 创建视频缩略图,filePath:文件路径,kind:MINI_KIND or MICRO_KIND * ThumbnailUtils.extractThumbnail(bitmap, width, height) * 将bitmap裁剪为指定的大小 * ThumbnailUtils.extractThumbnail(bitmap, width, height, options) * 将bitmap裁剪为指定的大小,可以有参数BitmapFactory.Options参数 * */
Bitmap bitmap = null;
if(infor.type == 0){//若果是图片,即拍照
//直接通过路径利用BitmapFactory来形成bitmap
bitmap = BitmapFactory.decodeFile(infor.srcPath);
}else if(infor.type == 1){//如果是视频,即拍摄视频
//利用ThumnailUtils
bitmap = ThumbnailUtils.createVideoThumbnail(infor.srcPath, Images.Thumbnails.MINI_KIND);
}
//获取图片后,我们队图片进行压缩,获取指定大小
if(bitmap != null){
//裁剪大小
bitmap = ThumbnailUtils.extractThumbnail(bitmap, (int)(100*metrics.density), (int)(100*metrics.density));
}else{//如果为空,采用我们的默认图片
bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
}
infor.bitmap = bitmap;
}
}
在MainActivity中我们点击【拍照】、【拍视频】按钮进行拍照和拍视屏,然后重写onActivityResult方法,进行拍摄回来的视频处理,接着最后就是对图片或视频进行获取缩略图处理,最后添加到listviewAdatper中进行展示。总体的处理逻辑就是这样,代码注释的也很详细,有兴趣的同学可以下载demo玩玩。先贴几张效果图:
源码下载
========================================
作者:mr_dsw 欢迎转载,与人分享是进步的源泉!
转载请保留地址:http://blog.csdn.net/mr_dsw