(AndroidDevelopersチュートリアル)Grid View

【目的】
AndroidDevelopersのチュートリアルのGrid Viewを実行します。



【手順１】
１．「Grid Viewのチュートリアル」にアクセス。
２．「download these sample images」をクリック。

【手順２】
１．ファイルの保存先を選択。
２．「保存」ボタンをクリック。

【手順３】
１．ダウンロードした「sample_images.zip」を選択し、WinRARの「ここに解凍」を選択。

【手順４】
１．「sample_images」に解凍される。

【手順５】
１．「sample_images」の画像を全て選択し、「コピー」を選択。

【手順６】

１．「Androidプロジェクトの作成方法」の手順で、「AndroidSample008-HelloGridView」といプロジェクトを作成。

※プロジェクトの設定は以下の通り。

	Project Name		AndroidSample008-HelloGridView
	ビルド・ターゲット	ターゲット名	Android 2.1
		プラットフォーム	2.1
		API	7
	Application Name		AndroidSample008-HelloGridView
	Package Name		com.example.androidsample008
	アクティビティーの作成		HelloGridView
	Minimum SDK		7

２．「res/drawable/ディレクトリの作成方法」の手順で、「res/drawable/」ディレクトリを作成。
３．「res/drawable/」を選択し、「Ctrl+V」でコピーした画像を貼り付け。

【手順７】

１．「res/layout/main.xml」を以下の様に入力。

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gridview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:columnWidth="90dp"
    android:gravity="center"
    android:horizontalSpacing="10dp"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth"
    android:verticalSpacing="10dp" />
 

２．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング。
３．「HelloGridView.java」を以下の様に入力。

package com.example.androidsample008;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.Toast;

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

        GridView gridview = (GridView) findViewById(R.id.gridview);
        gridview.setAdapter(new ImageAdapter(this));

        gridview.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView parent, View v,
                    int position, long id) {
                Toast.makeText(HelloGridView.this, "" + position,
                        Toast.LENGTH_SHORT).show();
            }
        });
    }
}

４．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング。
５．「Javaクラスファイルの作成方法」の手順で「ImageAdapter.java」を作成。
６．「ImageAdapter.java」を以下の様に入力。

package com.example.androidsample008;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {
    private Context mContext;

    public ImageAdapter(Context c) {
        mContext = c;
    }

    public int getCount() {
        return mThumbIds.length;
    }

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

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

    // create a new ImageView for each item referenced by the Adapter
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView == null) { // if it's not recycled, initialize some
                                    // attributes
            imageView = new ImageView(mContext);
            imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            imageView.setPadding(8, 8, 8, 8);
        } else {
            imageView = (ImageView) convertView;
        }

        imageView.setImageResource(mThumbIds[position]);
        return imageView;
    }

    // references to our images
    private Integer[] mThumbIds = { R.drawable.sample_2, R.drawable.sample_3,
            R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6,
            R.drawable.sample_7, R.drawable.sample_0, R.drawable.sample_1,
            R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4,
            R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7,
            R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2,
            R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5,
            R.drawable.sample_6, R.drawable.sample_7 };
}

７．「Androidプロジェクトの実行方法」の手順で、「Androidプロジェクト」を実行。
８．エミュレータが起動しロックを解除し、以下の様にアプリケーションが実行されれば成功です。

以上です。