(AndroidDevelopersチュートリアル)Gallery

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




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

【手順２】

１．ファイルの保存先を選択。

２．「保存」ボタンをクリック。

【手順３】

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

【手順４】

１．「sample_images」に解凍される。

２．「sample_images」の画像を全て選択し、「コピー」を選択。

【手順５】

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

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

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

２．「res/drawable/ディレクトリの作成方法」の手順で、「res/drawable/」ディレクトリを作成。
３．「res/drawable/」を選択し、「Ctrl+V」でコピーした画像を貼り付け。
４．「res/layout/main.xml」を以下の様に入力。

<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

５．「任意のファイルの作成方法」の手順で、「res/values/」ディレクトリに「attrs.xml」というファイルを作成。
６．「attrs.xml」を以下の様に入力。

<?xml version="1.0" encoding="utf-8"?>
<Gallery xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

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

package com.example.androidsample024;

import android.app.Activity;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageView;
import android.widget.Toast;

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

        Gallery gallery = (Gallery) findViewById(R.id.gallery);
        gallery.setAdapter(new ImageAdapter(this));

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

    public class ImageAdapter extends BaseAdapter {
        int mGalleryItemBackground;
        private Context mContext;

        private Integer[] mImageIds = { 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 };

        public ImageAdapter(Context c) {
            mContext = c;
            TypedArray attr = mContext
                    .obtainStyledAttributes(R.styleable.HelloGallery);
            mGalleryItemBackground = attr.getResourceId(
                    R.styleable.HelloGallery_android_galleryItemBackground, 0);
            attr.recycle();
        }

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

        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 = new ImageView(mContext);

            imageView.setImageResource(mImageIds[position]);
            imageView.setLayoutParams(new Gallery.LayoutParams(150, 100));
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            imageView.setBackgroundResource(mGalleryItemBackground);

            return imageView;
        }
    }
}

９．「Ctrl+Shift+F」を押し、ソースコードをフォーマッティング。
１０．「Androidプロジェクトの実行方法」の手順で、「Androidプロジェクト」を実行。
１１．エミュレータが起動しロックを解除し、以下の様にアプリケーションが実行されれば成功です。

以上です。