一个简单的 android 图片浏览程序

一、简单介绍

本人最近才接触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;@Overrideprotected 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);}//遍历当前目录下的文件和文件夹（忽略点文件），存进ArrayListfor (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);}//创建菜单选项@Overridepublic 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执行相应方法@Overridepublic boolean onOptionsItemSelected(MenuItem item) {if(item.getItemId()==ID_ABOUT)showAbout();if(item.getItemId()==ID_EXIT)finish();return super.onOptionsItemSelected(item);}//监听返回键，当用户点击返回键时，返回上层目录@Overridepublic void onBackPressed() {if(currentFile.getPath().equals(rootFile.getPath()))super.onBackPressed();else {currentFile=currentFile.getParentFile();showDir(currentFile);}}//监听用户选择的文件，若选择的是图片，则显示，若是文件夹，则进入下一层@Overrideprotected 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{@Overrideprotected 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中添加图片即可。欢迎大家指教交流，谢谢大家！

原文出处：http://blog.csdn.net/gislla/article/details/6649296