Android入門【第5回：SDカードから画像を読み込む】(ついでにGridViewで表示)

By wachi

2010/01/15 - チュートリアル

Android入門

さて、前回は画像を切り替えられるようにしました。
バス停車アプリが謎な方向に舵を切った瞬間です。

それはさておき、切り替えられるようになったとはいえ事前に用意した画像のみしか選択できません。
そこで今回は、カメラで撮影した画像を選択できるようにしてみます。
ついでに、GridViewを使って表示します。

カメラで撮影された画像はSDカード内に入っている事から、SDカードから画像データを読み込まねばなりません。
まずは仮想SDカードを作成するところから始めます。
コマンドラインで色々出来るようだけども、eclipseを使う前提で以下の流れで。

１．エミュレータ作成時にSDカードの容量を指定する

「Android SDK and AVD Manager」を選択

「新規」で。(日本語化してます)

SD Cardの容量を入力し、ハードウェアでSD Card Supportを選択します。

とりあえず前準備完了。

２．画像を投入する

これも簡単。
新規作成したAVDを起動し、DDMSに切り替えて・・

放り込みたいファイルを「sdcard」にドラッグ＆ドロップするだけ。

投入完了です。

Eclipse便利だな・・・

３．アプリから読み出す

やっつけなコードで申し訳ないです。
例外処理は一切していませんので、実際に使用する場合は気をつけて下さい。
一応、下層のフォルダの中身も検索し、末尾がjpgかJPGのファイル名を取得します。

４．画像を表示する(GridView)

前回に引き続き、API Demosのサンプルを参考に。

http://d.android.com/guide/samples/ApiDemos/src/com/example/android/apis/view/Grid2.html

下記のソースは数箇所変更されています。

package sd.sample;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Context;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class SdRead extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

setContentView(R.layout.main);
        
        // SDカードのFileを取得
        File file = Environment.getExternalStorageDirectory();
        dirList.add(file.getPath());

// SDカード内のファイルを検索。
        int m = 0;
        int n = 0;
        while(dirList.size() > m){
            File subDir = new File(dirList.get(m));
            String subFileName[] = subDir.list();
            n = 0;
            while(subFileName.length > n){
                File subFile = new File(subDir.getPath() + "/" + subFileName[n]);
                if(subFile.isDirectory()){
                    dirList.add(subDir.getPath() + "/" + subFileName[n]);
                }else if(subFile.getName().endsWith("jpg") || subFile.getName().endsWith("JPG")){
                    imgList.add(subDir.getPath() + "/" + subFileName[n]);
                }
                n++;
            }
            m++;
        }
        GridView g = (GridView) findViewById(R.id.GridView01);
        g.setAdapter(new ImageAdapter(this));
    }

private List dirList = new ArrayList();
    private List imgList = new ArrayList();

public class ImageAdapter extends BaseAdapter {
        public ImageAdapter(Context c) {
            mContext = c;
        }

public int getCount() {
            return imgList.size();
        }

public Object getItem(int position) {
            return position;
        }

public long getItemId(int position) {
            return position;
        }

public View getView(int position, View convertView, ViewGroup parent) {
            ImageView imageView;
            if (convertView == null) {
                imageView = new ImageView(mContext);
                imageView.setLayoutParams(new GridView.LayoutParams(45, 45));
                imageView.setAdjustViewBounds(true);
                imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
                imageView.setPadding(8, 8, 8, 8);
            } else {
                imageView = (ImageView) convertView;
            }
            File f = new File(imgList.get(position));
            BitmapFactory.Options bmOp = new BitmapFactory.Options();
            bmOp.inSampleSize = 20;
            imageView.setImageBitmap(BitmapFactory.decodeFile(f.getPath(),bmOp));
            return imageView;
        }

private Context mContext;
    }

}

onCreate時にSDカード内のjpegのパスとファイル名をListに突っ込みます。
参考元のソースでは画像のリソースIDをint配列に入れていましたが、それをListに置き換えています。

取得した画像（今回はjpegのみ）を表示するのみですが、ビットマップに変換する際にOutOfMemoryが発生したので、変換前に画像を小さくしています。
（84行目あたり。これまたやっつけ臭いですが・・）

あと、レイアウト用のXML。
/res/layout/main.xml

さて、画像は表示できたので、いよいよ画像を切り替えたいところですが、

今回はここまで！
SDカードからの読み込み＆表示に思いのほか時間を要してしまったので・・