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

鉴客 发布于 2011/10/20 09:25
阅读 12K+
收藏 17

一、简单介绍

本人最近才接触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中添加图片即可。欢迎大家指教交流,谢谢大家!

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

加载中
0
成长同学
成长同学
我也要试试。学习了。
0
米夏
米夏

我试了怎么显示不了目录??

0
马里士多德
还不错,值得学习
0
vsda2010
vsda2010
很不错.值得收藏学习
返回顶部
顶部