[Android]スライドショーをつくってみる

長らくblogを更新しておりませんでした・・・。
こんにちは、@mogakanaです。とりあえず生きてます。

本日はスライドショー的なものをつくってみました。
SDカード直下にある画像を読み込んでループ表示をするだけの簡単なお仕事です。

というわけで、まずは準備。
以下の画像をSD直下に保存します。

手書きの画像。ちょっとかわいい（笑）
↑こういうのを自画自賛という。

ちなみに完成画面はこんな簡易なものになります。

まずはSDカード直下に保存されている画像を取得するメソッドを作成します。
このときは".png"で判断しています。
.jpegなどは容赦なく無視。

1. private ArrayAdapter<string> getImageFile() {  
2.  // adapter の作成  
3.  ArrayAdapter<string> adapter = new ArrayAdapter<string>(this,  
4.    android.R.layout.simple_spinner_item);  
5.   
6.  // SDカードのディレクトリを取得  
7.  File directory = Environment.getExternalStorageDirectory();  
8.   
9.  // SDカードの一番上からファイルを取得  
10.  File[] files = directory.listFiles();  
11.   
12.  // adapterにファイルパスを追加  
13.  for (int i = 0; i < files.length; i++) {  
14.   // pngを追加  
15.   if (files[i].getName().endsWith(".png")) {  
16.    adapter.add(files[i].getPath());  
17.   }  
18.  }  
19.   
20.  return adapter;  
21. }  
22. </string></string></string>  

private ArrayAdapter getImageFile() {
 // adapter の作成
 ArrayAdapter adapter = new ArrayAdapter(this,
   android.R.layout.simple_spinner_item);

 // SDカードのディレクトリを取得
 File directory = Environment.getExternalStorageDirectory();

 // SDカードの一番上からファイルを取得
 File[] files = directory.listFiles();

 // adapterにファイルパスを追加
 for (int i = 0; i < files.length; i++) {
  // pngを追加
  if (files[i].getName().endsWith(".png")) {
   adapter.add(files[i].getPath());
  }
 }

 return adapter;
}

あとで使うのでadapterで返しています。
取得したSDの画像をスピナーへ。
SD直下になにも画像がなかったときは強制的にアプリを終了させてみました（おい）。

1. // SDのファイル取得  
2. mFileSpinner = (Spinner) findViewById(R.id.fileSelectSpinner);  
3.   
4. // adapterの作成  
5. mFileSpinner.setAdapter(getImageFile());  
6. mFileSpinner.setOnItemSelectedListener(this);  
7.   
8. // ファイルがなかったときはアプリケーション終了  
9. if(mFileSpinner.getChildCount() == 0) {  
10.  Toast.makeText(this, "File Nothing! application close...", Toast.LENGTH_LONG).show();  
11.  finish();  
12. }  

// SDのファイル取得
mFileSpinner = (Spinner) findViewById(R.id.fileSelectSpinner);

// adapterの作成
mFileSpinner.setAdapter(getImageFile());
mFileSpinner.setOnItemSelectedListener(this);

// ファイルがなかったときはアプリケーション終了
if(mFileSpinner.getChildCount() == 0) {
 Toast.makeText(this, "File Nothing! application close...", Toast.LENGTH_LONG).show();
 finish();
}

スタートボタンを押すとはじまります。

最初にmIsSlideShowというフラグをつくっておいてSTART/STOPを制御します。

1. private boolean mIsSlideShow = false;  

private boolean mIsSlideShow = false;

では、スタートボタンの実装へ。

1. public void onClickShowButton(View view) {  
2.   
3.  Button showButton = (Button) findViewById(R.id.showButton);  
4.   
5.  if (mIsSlideShow) {  
6.   // ストップ  
7.   mHandler.sendEmptyMessage(0);  
8.   showButton.setText("START");  
9.  } else {  
10.   // スタート  
11.   mCurrentPosition = mFileSpinner.getSelectedItemPosition();  
12.   showImageFile(mFileSpinner.getSelectedItemPosition());  
13.   showButton.setText("STOP");  
14.   mIsSlideShow = true;  
15.   Thread thread = new Thread(this);  
16.   thread.start();  
17.  }  
18.   
19. }  

public void onClickShowButton(View view) {

 Button showButton = (Button) findViewById(R.id.showButton);

 if (mIsSlideShow) {
  // ストップ
  mHandler.sendEmptyMessage(0);
  showButton.setText("START");
 } else {
  // スタート
  mCurrentPosition = mFileSpinner.getSelectedItemPosition();
  showImageFile(mFileSpinner.getSelectedItemPosition());
  showButton.setText("STOP");
  mIsSlideShow = true;
  Thread thread = new Thread(this);
  thread.start();
 }

}

スレッドで制御しております。なぜなら、途中でストップを押すために。
その前に画像を表示させるメソッドを。

1. private void showImageFile(int position) {  
2.   
3.  String selectFilePath = (String) mFileSpinner  
4.    .getItemAtPosition(position);  
5.   
6.  Bitmap bitmap = BitmapFactory.decodeFile(selectFilePath);  
7.  mImageCanvas.setImageBitmap(bitmap);  
8.   
9. }  

private void showImageFile(int position) {

 String selectFilePath = (String) mFileSpinner
   .getItemAtPosition(position);

 Bitmap bitmap = BitmapFactory.decodeFile(selectFilePath);
 mImageCanvas.setImageBitmap(bitmap);

}

スレッドはこうなります。

1. @Override  
2. public void run() {  
3.  while (mIsSlideShow) {  
4.   try {  
5.    // スリープ（10秒）  
6.    Thread.sleep(10000);  
7.   } catch (Exception e) {  
8.    Log.e(TAG, "error!!");  
9.   }  
10.   
11.   Log.i(TAG, String.valueOf(mCurrentPosition));  
12.   
13.   // 画像の変更  
14.   if (mCurrentPosition == mFileSpinner.getCount() - 1) {  
15.    // 先頭へ  
16.    mCurrentPosition = 0;  
17.   } else {  
18.    mCurrentPosition++;  
19.   }  
20.   
21.   mHandler.post(new Runnable() {  
22.    @Override  
23.    public void run() {  
24.     showImageFile(mCurrentPosition);  
25.    }  
26.   });  
27.   
28.  }  
29.   
30. }  
31.   
32. private Handler mHandler = new Handler() {  
33.  public void handleMessage(Message msg) {  
34.   // 終了  
35.   mIsSlideShow = false;  
36.  }  
37.   
38. };  

@Override
public void run() {
 while (mIsSlideShow) {
  try {
   // スリープ（10秒）
   Thread.sleep(10000);
  } catch (Exception e) {
   Log.e(TAG, "error!!");
  }

  Log.i(TAG, String.valueOf(mCurrentPosition));

  // 画像の変更
  if (mCurrentPosition == mFileSpinner.getCount() - 1) {
   // 先頭へ
   mCurrentPosition = 0;
  } else {
   mCurrentPosition++;
  }

  mHandler.post(new Runnable() {
   @Override
   public void run() {
    showImageFile(mCurrentPosition);
   }
  });

 }

}

private Handler mHandler = new Handler() {
 public void handleMessage(Message msg) {
  // 終了
  mIsSlideShow = false;
 }

};

ストップが押されるまで画像がループされます。

というわけで今日のソースはこちら。

1. package jp.co.mogakana.slideshow;  
2.   
3. import java.io.File;  
4.   
5. import android.app.Activity;  
6. import android.content.BroadcastReceiver;  
7. import android.content.Context;  
8. import android.content.Intent;  
9. import android.content.IntentFilter;  
10. import android.graphics.Bitmap;  
11. import android.graphics.BitmapFactory;  
12. import android.os.Bundle;  
13. import android.os.Environment;  
14. import android.os.Handler;  
15. import android.os.Message;  
16. import android.util.Log;  
17. import android.view.View;  
18. import android.widget.AdapterView;  
19. import android.widget.AdapterView.OnItemSelectedListener;  
20. import android.widget.ArrayAdapter;  
21. import android.widget.Button;  
22. import android.widget.ImageView;  
23. import android.widget.Spinner;  
24. import android.widget.Toast;  
25.   
26. public class SlideShowActivity extends Activity implements  
27.   OnItemSelectedListener, Runnable {  
28.   
29.  private static final String TAG = "SlideShow";  
30.   
31.  private int mCurrentPosition;  
32.   
33.  private Spinner mFileSpinner;  
34.  private ImageView mImageCanvas;  
35.   
36.  private boolean mIsSlideShow = false;  
37.   
38.  @Override  
39.  public void onCreate(Bundle savedInstanceState) {  
40.   super.onCreate(savedInstanceState);  
41.   setContentView(R.layout.main);  
42.   
43.   mImageCanvas = (ImageView) findViewById(R.id.slideShowImageView);  
44.   
45.   // SDのファイル取得  
46.   mFileSpinner = (Spinner) findViewById(R.id.fileSelectSpinner);  
47.   // adapterの作成  
48.   mFileSpinner.setAdapter(getImageFile());  
49.   
50.   mFileSpinner.setOnItemSelectedListener(this);  
51.     
52.     
53.   // ファイルがなかったときはアプリケーション終了  
54.   if(mFileSpinner.getChildCount() == 0) {  
55.       Toast.makeText(this, "File Nothing! application close...", Toast.LENGTH_LONG).show();  
56.       finish();  
57.   }  
58.     
59.   
60.  }  
61.   
62.  public void onClickShowButton(View view) {  
63.   
64.   Button showButton = (Button) findViewById(R.id.showButton);  
65.   
66.   if (mIsSlideShow) {  
67.    // ストップ  
68.    mHandler.sendEmptyMessage(0);  
69.    showButton.setText("START");  
70.   } else {  
71.    // スタート  
72.    mCurrentPosition = mFileSpinner.getSelectedItemPosition();  
73.    showImageFile(mFileSpinner.getSelectedItemPosition());  
74.    showButton.setText("STOP");  
75.    mIsSlideShow = true;  
76.    Thread thread = new Thread(this);  
77.    thread.start();  
78.   }  
79.   
80.  }  
81.   
82.  private void showImageFile(int position) {  
83.   
84.   String selectFilePath = (String) mFileSpinner  
85.     .getItemAtPosition(position);  
86.   
87.   Bitmap bitmap = BitmapFactory.decodeFile(selectFilePath);  
88.   mImageCanvas.setImageBitmap(bitmap);  
89.   
90.  }  
91.   
92.  private ArrayAdapter<string> getImageFile() {  
93.   // adapter の作成  
94.   ArrayAdapter<string> adapter = new ArrayAdapter<string>(this,  
95.     android.R.layout.simple_spinner_item);  
96.   
97.   // SDカードのディレクトリを取得  
98.   File directory = Environment.getExternalStorageDirectory();  
99.   
100.   // SDカードの一番上からファイルを取得  
101.   File[] files = directory.listFiles();  
102.   
103.   // adapterにファイルパスを追加  
104.   for (int i = 0; i < files.length; i++) {  
105.    // pngを追加  
106.    if (files[i].getName().endsWith(".png")) {  
107.     adapter.add(files[i].getPath());  
108.    }  
109.   }  
110.   
111.   return adapter;  
112.  }  
113.   
114.  @Override  
115.  public void onItemSelected(AdapterView<!----> arg0, View arg1, int position,  
116.    long arg3) {  
117.   
118.  }  
119.   
120.  @Override  
121.  public void onNothingSelected(AdapterView<!----> arg0) {  
122.   Toast.makeText(this, "File Nothing!", Toast.LENGTH_LONG).show();  
123.  }  
124.   
125.  @Override  
126.  public void run() {  
127.   while (mIsSlideShow) {  
128.    try {  
129.     // スリープ（10秒）  
130.     Thread.sleep(10000);  
131.    } catch (Exception e) {  
132.     Log.e(TAG, "error!!");  
133.    }  
134.   
135.    Log.i(TAG, String.valueOf(mCurrentPosition));  
136.   
137.    // 画像の変更  
138.    if (mCurrentPosition == mFileSpinner.getCount() - 1) {  
139.     // 先頭へ  
140.     mCurrentPosition = 0;  
141.    } else {  
142.     mCurrentPosition++;  
143.    }  
144.   
145.    mHandler.post(new Runnable() {  
146.     @Override  
147.     public void run() {  
148.      showImageFile(mCurrentPosition);  
149.     }  
150.    });  
151.   
152.   }  
153.   
154.  }  
155.   
156.  private Handler mHandler = new Handler() {  
157.   public void handleMessage(Message msg) {  
158.    // 終了  
159.    mIsSlideShow = false;  
160.   }  
161.   
162.  };  
163.   
164.  @Override  
165.  protected void onResume() {  
166.   super.onResume();  
167.     
168.  }  
169.   
170.  @Override  
171.  protected void onPause() {  
172.   super.onPause();  
173.  }  
174.   
175. }  
176. </string></string></string>  

package jp.co.mogakana.slideshow;

import java.io.File;

import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Spinner;
import android.widget.Toast;

public class SlideShowActivity extends Activity implements
  OnItemSelectedListener, Runnable {

 private static final String TAG = "SlideShow";

 private int mCurrentPosition;

 private Spinner mFileSpinner;
 private ImageView mImageCanvas;

 private boolean mIsSlideShow = false;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  mImageCanvas = (ImageView) findViewById(R.id.slideShowImageView);

  // SDのファイル取得
  mFileSpinner = (Spinner) findViewById(R.id.fileSelectSpinner);
  // adapterの作成
  mFileSpinner.setAdapter(getImageFile());

  mFileSpinner.setOnItemSelectedListener(this);
  
  
  // ファイルがなかったときはアプリケーション終了
  if(mFileSpinner.getChildCount() == 0) {
      Toast.makeText(this, "File Nothing! application close...", Toast.LENGTH_LONG).show();
      finish();
  }
  

 }

 public void onClickShowButton(View view) {

  Button showButton = (Button) findViewById(R.id.showButton);

  if (mIsSlideShow) {
   // ストップ
   mHandler.sendEmptyMessage(0);
   showButton.setText("START");
  } else {
   // スタート
   mCurrentPosition = mFileSpinner.getSelectedItemPosition();
   showImageFile(mFileSpinner.getSelectedItemPosition());
   showButton.setText("STOP");
   mIsSlideShow = true;
   Thread thread = new Thread(this);
   thread.start();
  }

 }

 private void showImageFile(int position) {

  String selectFilePath = (String) mFileSpinner
    .getItemAtPosition(position);

  Bitmap bitmap = BitmapFactory.decodeFile(selectFilePath);
  mImageCanvas.setImageBitmap(bitmap);

 }

 private ArrayAdapter getImageFile() {
  // adapter の作成
  ArrayAdapter adapter = new ArrayAdapter(this,
    android.R.layout.simple_spinner_item);

  // SDカードのディレクトリを取得
  File directory = Environment.getExternalStorageDirectory();

  // SDカードの一番上からファイルを取得
  File[] files = directory.listFiles();

  // adapterにファイルパスを追加
  for (int i = 0; i < files.length; i++) {
   // pngを追加
   if (files[i].getName().endsWith(".png")) {
    adapter.add(files[i].getPath());
   }
  }

  return adapter;
 }

 @Override
 public void onItemSelected(AdapterView arg0, View arg1, int position,
   long arg3) {

 }

 @Override
 public void onNothingSelected(AdapterView arg0) {
  Toast.makeText(this, "File Nothing!", Toast.LENGTH_LONG).show();
 }

 @Override
 public void run() {
  while (mIsSlideShow) {
   try {
    // スリープ（10秒）
    Thread.sleep(10000);
   } catch (Exception e) {
    Log.e(TAG, "error!!");
   }

   Log.i(TAG, String.valueOf(mCurrentPosition));

   // 画像の変更
   if (mCurrentPosition == mFileSpinner.getCount() - 1) {
    // 先頭へ
    mCurrentPosition = 0;
   } else {
    mCurrentPosition++;
   }

   mHandler.post(new Runnable() {
    @Override
    public void run() {
     showImageFile(mCurrentPosition);
    }
   });

  }

 }

 private Handler mHandler = new Handler() {
  public void handleMessage(Message msg) {
   // 終了
   mIsSlideShow = false;
  }

 };

 @Override
 protected void onResume() {
  super.onResume();
  
 }

 @Override
 protected void onPause() {
  super.onPause();
 }

}

適当に書いたんだけど、けっこう絵がかわいいと自画自賛中。