一、简单介绍
本人最近才接触android，算是典型的菜鸟吧。自学一段时间后制作了一个很简陋的图片浏览器。借此博客分享大赛，和大家共同交流促进。
本程序使用到的组件有：ListView，TextView，ImageView和Menu，对返回键，菜单选项和ListActivity进行监听，使用了BitmapFactory显示图片，并使用了Dialog风格的Activity。
二、实现细节
接下来就具体介绍一下各个代码的细节。
（1）FileListActivity.java
运行效果如下图：
具体代码：
/**
* 使用ListActivity来显示SD卡的文件
* 用户可在此选择要显示的图片
*/
public class FileListActivity extends ListActivity {
private static final int ID_ABOUT=1;
private static final int ID_EXIT=2;
private File rootFile = null;
private File currentFile = null;
private ArrayList<HashMap<String, String>> fileList = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//获取SD卡的路径
rootFile = Environment.getExternalStorageDirectory();
currentFile = rootFile;
//显示文件列表
showDir(rootFile);
}
//根据传入的File参数显示该File所在的文件
public void showDir(File pathFile) {
//ArrayList保存文件目录下每个文件条目，HashMap的键保存文件名，值保存文件路径
fileList = new ArrayList<HashMap<String, String>>();
if (pathFile != null && pathFile.exists()) {
File[] files = pathFile.listFiles();
//将父目录作为文件条目，用户可选择返回上层目录
if (pathFile.getParentFile() != rootFile.getParentFile()) {
HashMap<String, String> map = new HashMap<String, String>();
map.put("name", pathFile.getParentFile().getName());
map.put("path", pathFile.getParent());
fileList.add(map);
}
//遍历当前目录下的文件和文件夹（忽略点文件），存进ArrayList
for (File f : files) {
if(!f.getName().startsWith(".")){
HashMap<String, String> map1 = new HashMap<String, String>();
map1.put("name", f.getName());
map1.put("path", f.getPath());
fileList.add(map1);
}
}
}
//使用SimpleAdapter作为ListActivity的适配器
SimpleAdapter sa = new SimpleAdapter(
//当前类
this,
//要显示的资源
fileList,
//ListActivity的布局文件
R.layout.list,
//要显示的每一列的名称（这里只显示一列）
new String[] { "name" },
//每一列对应的布局文件
new int[] { R.id.file_name });
//为ListActivity设置适配器
setListAdapter(sa);
}
//创建菜单选项
@Override
public boolean onCreateOptionsMenu(Menu menu) {
menu.add(0, ID_ABOUT, 1, R.string.about);
menu.add(0, ID_EXIT, 2, R.string.exit);
return super.onCreateOptionsMenu(menu);
}
//监听用户对菜单项目的选择，根据ItemID执行相应方法
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if(item.getItemId()==ID_ABOUT)
showAbout();
if(item.getItemId()==ID_EXIT)
finish();
return super.onOptionsItemSelected(item);
}
//监听返回键，当用户点击返回键时，返回上层目录
@Override
public void onBackPressed() {
if(currentFile.getPath().equals(rootFile.getPath()))
super.onBackPressed();
else {
currentFile=currentFile.getParentFile();
showDir(currentFile);
}
}
//监听用户选择的文件，若选择的是图片，则显示，若是文件夹，则进入下一层
@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
//获取用户选择的路径
String currentPath = fileList.get(position).get("path");
currentFile = new File(currentPath);
//如果该路径是文件夹，则进入下一层
if (currentFile.isDirectory()) {
showDir(currentFile);
} else {
//如果是图片，则显示（本例只支持jpg，可以自行添加其他格式）
if (currentPath.endsWith(".jpg")) {
//通过Intent传递图片路径
Intent intent = new Intent();
intent.putExtra("picPath", currentPath);
intent.setClass(this, ImageViewerActivity.class);
this.startActivity(intent);
}
}
}
//显示 关于 信息
private void showAbout() {
Intent intent=new Intent();
intent.setClass(this, AboutMsg.class);
this.startActivity(intent);
}
}
这里简单使用了java的文件类File和遍历进行文件操作。
需要注意的是SD卡的路径我用Environment.getExternalStorageDirectory()来获取，而不是写死为/SDcard之类，因为SD卡的路径在不同的手机中会有差异，因此不建议写死。
此外考虑到有些用户习惯用返回键来返回到上层目录，因此使用onBackPressed()对返回键进行监听，若当前不为SD卡的根目录，则返回上层目录，否则退出。
其中ListActivity使用到的两个布局文件listmain.xml和list.xml比较简单，具体代码如下：
listmain.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ListView
android:id="@id/android:list"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:scrollbars="vertical">
</ListView>
</LinearLayout>
list.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="35px">
<TextView
android:id="@+id/file_name"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:text="25px"
android:gravity="center"
></TextView>
</LinearLayout>
其中listmain.xml是整个ListActivity的布局文件，list.xml是具体ListView的布局文件。
（2）ImageViewerActivity.java
运行效果如下图：
具体代码：
/**
* 通过Intent获取图片路径进行显示
*/
public class ImageViewerActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//不显示该Activity标题
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
//获取Intent
Intent receiveIntent=getIntent();
//获取图片路径
String picPath=receiveIntent.getStringExtra("picPath");
ImageView iv=(ImageView)findViewById(R.id.imageView);
//使用BitmapFactory在ImageView中显示图片
iv.setImageBitmap(BitmapFactory.decodeFile(picPath));
}
}
ImageViewerActivity通过获取从FileListActivity的Intent传来的图片路径，调用BitmapFactory.decodeFile(picPath)在ImageView中对图片进行显示。
其布局文件如下：
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:id="@+id/imageView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
（3）AboutMsg.java
运行效果如下图：
具体代码：
/**
* 显示 关于 信息，内容储存在String.xml中
*/
public class AboutMsg extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.about);
}
}
about.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:id="@+id/aboutTV"
android:text="@string/about_msg"
android:textSize="20px"
android:padding="10px">
</TextView>
</LinearLayout>
string.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, ImageViewerActivity!</string>
<string name="app_name">ImageViewer</string>
<string name="about">关于</string>
<string name="exit">退出</string>
<string name="about_msg">\n制作者：gislla\n</string>
</resources>
该部分用于显示程序制作者的相关信息。
另外，为了使AboutMsg显示出Dialog的效果，必须在AndroidManifest.xml中进行如下设置：
<activity android:name=".AboutMsg"
android:label="@string/app_name"
android:theme="@android:style/Theme.Dialog">
</activity>
好了，一个简陋无比的图片浏览器就到此完成了，用模拟器运行的只要在DDMS中添加图片即可。
