扩展BaseAdapter实现在ListView中浏览文件

<!--StartFragment-->

我们可以在一个普通的ListView中列出指定目录下的所有文件，每个文件列出该文件的文件名和文件图标，在每个文件名前面有一个checkbox按钮，用户可对该文件进行选择（支持多选），并实现某些操作（如打开、删除功能）：

<!--StartFragment-->

实现步骤如下。

1、新建类FileInfo

package ydtf.listview.filebrowser;

public class FileInfo {

public String path; //文件路径

public String fileName; //文件名

public String type; //文件类型

public boolean checked; //是否选中

public int imageId; //图片资源id

public FileInfo(String path,String fileName,String type,boolean checked,int imageId) {

this.path = path;

this.fileName = fileName;

this.type=type;

this.checked = checked;

this.imageId=imageId;

}

}

这是一个pojo类，除了我们定制的构造器外。它只用于表示ListView中列出的一个文件对象，为简便起见没有使用getter/setter方法。

2、新建一个layout文件file_info.xml ：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent" android:layout_height="wrap_content"

android:orientation="horizontal" android:minHeight="40px"

android:layout_gravity="center_vertical">

<CheckBox android:id="@+file_info/chk_check" android:focusable="false"

android:layout_width="wrap_content" android:layout_height="wrap_content"

android:layout_marginLeft="35px" android:checked="false"/>

<ImageView android:id="@+file_info/iv_icon" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:layout_gravity="center_vertical" />

<TextView android:id="@+file_info/tv_filename" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:textColor="?android:attr/textColorPrimary"

android:paddingLeft="3px" android:layout_gravity="center_vertical" />

</LinearLayout>

仅包含了3个widgets，分别用于显示FileInfo对象的部分属性，作为概念演示程序，向用户展示文件的3个属性就足够了。

3、实现adapter类FileInfoAdaper：

package ydtf.listview.filebrowser;

import java.util.List;

import com.ydtf.android.R;

import android.content.Context;

import android.graphics.drawable.Drawable;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.CheckBox;

import android.widget.ImageView;

import android.widget.TextView;

public class FileInfoAdapter extends BaseAdapter{

private LayoutInflater layoutInflater; //用于从xml文件加载listview的layout

private Context ctx; //容器／activity

private List<FileInfo> fileInfoList; //所有item

public FileInfoAdapter(Context ctx,List<FileInfo> list){

this.ctx=ctx;

fileInfoList=list;

layoutInflater=LayoutInflater.from(ctx);

}

@Override

public int getCount() {

return fileInfoList.size();

}

@Override

public Object getItem(int position) {

return fileInfoList.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder=null; //清空临时变量

if (convertView == null) { //若行未初始化

convertView = layoutInflater.inflate(

R.layout.file_info, null); //通过flater初始化行视图

holder = new ViewHolder(); //并将行视图的3个子视图引用放到tag中

holder.itemIcon = (ImageView) convertView.findViewById(R.file_info.iv_icon);

holder.itemText = (TextView) convertView.findViewById(R.file_info.tv_filename);

holder.itemCheckBox = (CheckBox) convertView.findViewById(R.file_info.chk_check);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag(); //若行已初始化，直接从tag属性获得子视图的引用

}

FileInfo info = fileInfoList.get(position); //获得行数据（模型）

if (info != null) { //根据模型数据，设置行视图的控件值

holder.itemText.setText(info.fileName);

Drawable draw = this.ctx.getResources().getDrawable(

info.imageId);

holder.itemIcon.setImageDrawable(draw);

holder.itemCheckBox.setChecked(info.checked);

}

return convertView;

}

static class ViewHolder{

CheckBox itemCheckBox;

TextView itemText;

ImageView itemIcon;

}

}

在android中，采用了所谓适配器的概念。这有点像mvc。一个组件，需要由mvc三部分构成才能正常工作，在这里，m是FileInfo－提供了要展示的（一行）数据，v是file_info.xml－提供了要显示的（一行）布局，c则是适配器（整个ListView，多行），把数据m通过一定的逻辑进行转换并有选择地提供给视图v展示。

BaseAdapter是一个抽象类，我们需要继承它，实现它的4个方法，以便向ListView提供数据。

当然，最关键的方法是getView方法。我们需要在其中构建ListView的一行View，初始化这个View中需要展示的所有数据，并返回这个View。

4、接下来，在一个Activity中应用上面所有的3个东西：m、v和c。
这需要做两件事，一个xml，一个Activity。

首先做第1件事，新建一个布局文件downloadfilelist.xml，你可以用DroidDraw来干这个或者手工编写 ：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent" android:layout_height="fill_parent"

android:orientation="vertical">

<!-- 顶部工具栏 对齐顶部-->

<RelativeLayout

xmlns:Android="http://schemas.android.com/apk/res/android"

Android:layout_width="fill_parent"

Android:layout_height="wrap_content"

Android:layout_alignParentTop="true">

<include layout="@+layout/filebrowser_top" />

</RelativeLayout>

<!-- 下部的列表 对齐到工具栏下方-->

<ListView

android:id="@+file_browser/lvFileList"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

/>

</LinearLayout>

这个layout里，我们又引用了另外一个布局文件filebrowser_top.xml。这是一个工具栏，上边放了两个按钮：

<RelativeLayout

xmlns:Android="http://schemas.android.com/apk/res/android"

Android:background="@drawable/top"

Android:layout_width="fill_parent"

Android:layout_height="wrap_content"

><ImageView

Android:id="@+file_browser/imgCheck"

Android:layout_toLeftOf="@+file_browser/imgClose"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

Android:layout_marginRight="10px"

Android:src="@drawable/checked"

Android:layout_centerVertical="true"

>

</ImageView>

<ImageView

Android:id="@+file_browser/imgClose"

Android:layout_alignParentRight="true"

Android:layout_width="wrap_content"

Android:layout_height="wrap_content"

Android:layout_marginRight="10px"

Android:src="@drawable/close"

Android:layout_centerVertical="true"

>

</ImageView>

</RelativeLayout>

接下来，我们需要做第2件事情，新建一个Activity，在其中放上我们的各个布局：

public class ScanDownloadFile extends Activity{

private static final String tag ="ScanDownloadFile";

private ArrayList<FileInfo> listItem;

private String dir=Environment.getExternalStorageDirectory()+"/downloads/";

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

// 获取配置文件,检查用户是否已登录

showView();

}

private void showView() {

setContentView(R.layout. downloadfilelist);

// 获取intent的参数

Bundle bundle = getIntent().getExtras();

String itemtitle = bundle.getString("data");

setTitle(itemtitle);

// 构造ListView

ListView listview = (ListView) findViewById(R.file_browser.lvFileList);

// 生成动态数组，加入数据

listItem = getFiles();

// 构造适配器,指明数据源字段与listitem中子控件的对应关系

FileInfoAdapter adapter = new FileInfoAdapter(this,listItem);

// 添加适配器,进行绑定

listview.setAdapter(adapter);

// 添加监听器，处理item点击事件

listview.setOnItemClickListener(new OnItemClickListener() {

@Override

public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

long arg3) {

Intent intent = new Intent(Intent.ACTION_GET_CONTENT);

intent.setAction(android.content.Intent.ACTION_VIEW);

FileInfo info=listItem.get(arg2);

File file = new File(dir+info.fileName);

String type=typeof(info.fileName);

if(type!=null){

intent.setDataAndType(Uri.fromFile(file), info.type);

Log.d(tag,"uri:"+Uri.fromFile(file)+",type:"+info.type);

startActivity(Intent.createChooser(intent, "选择一个应用程序去打开它"));

}else

Toast.makeText(QxtScanDownloadFile.this, "不能识别的文件类型", Toast.LENGTH_SHORT);

}

});

}

private String typeof(String file){

String[] arr;

//文本文件

arr=this.getResources().getStringArray(

R.array.text);

for(String each:arr){

if(file.toLowerCase().endsWith(each)){

Log.i(tag,"each:"+each);

return "txt/*";

}

}

//图片文件

arr=this.getResources().getStringArray(

R.array.image);

for(String each:arr){

if(file.toLowerCase().endsWith(each)){

return "image/*";

}

}

//视频文件

arr=this.getResources().getStringArray(

R.array.video);

for(String each:arr){

if(file.toLowerCase().endsWith(each)){

return "video/*";

}

}

//音频文件

arr=this.getResources().getStringArray(

R.array.audio);

for(String each:arr){

if(file.toLowerCase().endsWith(each)){

return "audio/*";

}

}

//word文件

arr=this.getResources().getStringArray(

R.array.word);

for(String each:arr){

if(file.toLowerCase().endsWith(each)){

return "application/msword";

}

}

return null;

}

private int iconof(String type){

return R.drawable.icon;

}

private ArrayList<FileInfo> getFiles(){

ArrayList<FileInfo> array=new ArrayList<FileInfo>();

File file=new File(dir);

File[] files=file.listFiles();

for(int i=0;i<files.length;i++){

if(files[i].isFile()){//过滤目录，只显示文件

String name=files[i].getName();

String type=typeof(name);

FileInfo info=new FileInfo(dir,name,type,false,iconof(type));

array.add(info);

}

}

return array;

}

}

其中，我们加载了布局，通过getFiles方法读取了sd卡某个目录下的内容，对ListView应用了我们前面定义的适配器FileInfoAdapter，用typeof方法对每个文件的类型进行了识别，并响应了ListView的OnItemClick事件，选择合适的程序打开每个文件。

程序运行的效果如下：

<!--StartFragment-->

5、现在，程序还没有响应任何特殊的事情。需要做一件事情：当checkbox被改变时，我们需要同时改变对应的FileInfo对象的checked属性。这需要修改适配器的getView方法，在以下代码处进行如下修改：

if (info != null) { //根据模型数据，设置行视图的控件值

⋯⋯（省略部分代码）

//在checkbox中保存一个FileInfo对象的引用

holder.itemCheckBox.setTag(info);

//为checkbox增加onClick事件的处理

holder.itemCheckBox.setOnClickListener(new OnClickListener(){

@Override

public void onClick(View v) {

//从tag中取出FileInfo的引用 FileInfo fi=(FileInfo)v.getTag();

//设置FileInfo的checked属性 fi.checked=((CheckBox)v).isChecked();

}

});

}

6、此外，我们还要为工具栏按钮增加响应的动作。打开ScanDownloadFile.java，在showView方法中增加代码：

//check按钮的事件处理

btnChecked=(ImageView)findViewById(R.file_browser.imgCheck);

btnChecked.setOnTouchListener(new OnTouchListener(){

@Override

public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()){

case MotionEvent.ACTION_DOWN:

// Log.i(getClass()+"","down");

btnChecked.setBackgroundDrawable(getResources().getDrawable(R.drawable.sendsms_bk));

break;

case MotionEvent.ACTION_UP:

// Log.i(getClass()+"","up");

btnChecked.setBackgroundDrawable(getResources().getDrawable(R.drawable.sendsms_bk_clear));

showDialog(0);

break;

}

return true;//必须返回true，否则down事件后不会触发给up和move事件

}

});

因为check按钮实际上是一个imageView，我们只有通过在触摸事件中切换两张不同的图片来模拟按钮被按下、弹起的动作。同时我们在弹起事件中通过showDialog()触发一个弹出式对话框：

//创建activity托管对话框

protected Dialog onCreateDialog(int id) {

return new AlertDialog.Builder(this).setMessage("确定要删除所选文件吗？文件删除后将不能被恢复！")

.setPositiveButton("是",

new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

deleteFiles();

}

}).setNegativeButton("不", new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

dismissDialog(0);//removeDialog(0);移除对话框

}

}

).create();

}

当用户点击“是”，才触发真正的删除文件方法deleteFiles()：

private void deleteFiles(){

for(FileInfo each:listItem){

//遍历FileInfo对象的checked属性

if(each.checked){

Log.i(tag,”删除文件：”＋each.fileName);

}

}

}

现在从文件列表中选择一些文件，点击按钮，后台将打印出所选择的文件列表（模拟删除文件操作）。

<!--EndFragment-->

<!--EndFragment-->

<!--EndFragment-->