使用contentProvider圖片瀏覽器

同樣，這個範例也是我在《瘋狂android講義》上看到的，動手練習了一下。

1.主要的java檔案如下，代碼很清楚，我就不多贅述了

package com.example.democontent;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.app.AlertDialog;import android.database.Cursor;import android.graphics.BitmapFactory;import android.os.Bundle;import android.provider.MediaStore.Images.Media;import android.view.View;import android.view.View.OnClickListener;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.Button;import android.widget.ImageView;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity2 extends Activity {private Button button;private ListView show;private List<String> names = new ArrayList<String>();private List<String> descs = new ArrayList<String>();private List<String> fileNames = new ArrayList<String>();@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main2);button = (Button) findViewById(R.id.button1);show = (ListView) findViewById(R.id.listView1);button.setOnClickListener(new OnClickListener() {public void onClick(View arg0) {allPic();}});show.setOnItemClickListener(new OnItemClickListener() {public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) {// 載入view.xml檔案布局代表的視圖View view = getLayoutInflater().inflate(R.layout.view, null);// 擷取圖片組件ImageView image = (ImageView) view.findViewById(R.id.imageView1);image.setImageBitmap(BitmapFactory.decodeFile(fileNames.get(arg2)));// 顯示圖片new AlertDialog.Builder(MainActivity2.this).setView(view).setPositiveButton("確定", null).show();}});}private void allPic() {names.clear();descs.clear();fileNames.clear();// 通過ContentProvider查詢所有的圖片資訊Cursor cursor = getContentResolver().query(Media.EXTERNAL_CONTENT_URI,null, null, null, null);while (cursor.moveToNext()) {// 擷取圖片的顯示名String name = cursor.getString(cursor.getColumnIndex(Media.DISPLAY_NAME));// 擷取圖片的詳細資料String desc = cursor.getString(cursor.getColumnIndex(Media.DESCRIPTION));// 擷取圖片的儲存位置的資料byte[] data = cursor.getBlob(cursor.getColumnIndex(Media.DATA));// 將圖片描述添加到集合中descs.add(desc);// 將名字添加到集合中names.add(name);// 將圖片路徑添加到fileNames中fileNames.add(new String(data, 0, data.length - 1));}// 建立一個list集合，元素是mapList<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();for (int i = 0; i < names.size(); i++) {Map<String, Object> listItem = new HashMap<String, Object>();listItem.put("name", names.get(i));listItem.put("desc", descs.get(i));listItem.put("fileName", fileNames.get(i));listItems.add(listItem);}// 建立一個simpleAdapterSimpleAdapter simpleAdapter = new SimpleAdapter(MainActivity2.this,listItems, R.layout.line, new String[] { "name", "desc","fileName" }, new int[] { R.id.name, R.id.desc,R.id.fileName });show.setAdapter(simpleAdapter);}}

2.主要布局就一個button。檔案名稱是activity_main2.xml

<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" >    <Button        android:id="@+id/button1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="查看所有圖片" />    <ListView        android:id="@+id/listView1"        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </ListView></LinearLayout>

3.listView中每一項的布局line.xml檔案如下

<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" >    <TextView        android:id="@+id/name"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Large Text"        android:textAppearance="?android:attr/textAppearanceLarge" />    <TextView        android:id="@+id/desc"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Large Text"        android:textAppearance="?android:attr/textAppearanceLarge" />         <TextView        android:id="@+id/fileName"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Large Text"        android:textAppearance="?android:attr/textAppearanceLarge" /></LinearLayout>

4.點擊listView中的每一項都可以查看圖片，圖片的布局檔案view.xml檔案如下

<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" >    <ImageView        android:id="@+id/imageView1"        android:layout_width="fill_parent"        android:layout_height="fill_parent" /></LinearLayout>