Androidアプリ開発で、データを保存する方法はいくつかある。

データを保存・利用するには「SQLite」などのデータベースを使用するのが一般的であるが、データベースを使うまでもない事もある。 そういった場合、Androidでは「プリファレンス」というキー名と値の組合わせから構成されるデータをXML形式で保存する機能がある。

保存できるデータは、boolean型、float型、int型、long型、String型のみ。

今回は、このプリファレンスを利用してデータを簡単に保存し、出力してみる。

【値を保存】

// オブジェクトを取得 getSharedPreferences("プリファレンス名", 共有モード);
SharedPreferences pref_in = getSharedPreferences("prefname", MODE_PRIVATE);
// エディターオブジェクト生成
Editor editor = pref_in.edit();
// プリファレンスファイルへの書き込み putString("キー名", "データ")
editor.putString("keyname", "data");
// commit()メソッドの実行で値を保存
editor.commit();

【保存データを取得】

// オブジェクトを取得 getSharedPreferences("プリファレンス名", 共有モード);
SharedPreferences pref_out = getSharedPreferences("prefname", MODE_PRIVATE);
// プリファレンスファイルからデータを取得 putString("キー名", "データ")
String str = pref_out.getString("keyname", "data");

【利用例】

public class Activity000 extends Activity {
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		// 値を保存
		SharedPreferences pref_in = getSharedPreferences("name", MODE_PRIVATE);
		Editor editor = pref_in.edit();
		editor.putString("key1", "001");
		editor.putString("key2", "あいうえお");
		editor.commit();
		
		// 保存データを取得
		SharedPreferences pref_out = getSharedPreferences("name", MODE_PRIVATE);
		String str1 = pref_out.getString("key1", "default");
		String str2 = pref_out.getString("key2", "default");
		
		// データを出力
		Toast.makeText(getBaseContext(), str1, Toast.LENGTH_SHORT).show();
		Toast.makeText(getBaseContext(), str2, Toast.LENGTH_SHORT).show();
	}
}

【出力結果】

SurfaceviewなどのカスタムViewから起動させるActivityに値を渡したい。

当然、通常のActivityから起動する時と同じ記述ではうまくいかない。
カスタムViewからコンテキスト(Context)というのを利用するらしい。

コンテキスト(Context)とは：アプリケーションの情報をグローバルに受け渡しする為のインターフェース

Intent intent = new Intent(getContext(), ActivityNext.class);
intent.putExtra("key", key);
getContext().startActivity(intent);

intent.putExtra(Keyの名前, 渡す値);

画像を複数デバイスの画面サイズに合わせて表示しマルチデバイスに対応したい。

Androidデバイスは画面サイズやアスペクト比がさまざまで、基準が決めにくい為、
iphone3G(320×480px)やiphone4(640×960px)の画像解像度のアスペクト比2:3を基準にする。

■仕様■
・準備する画像はすべてアスペクト比2:3とする。
・画面表示は横幅を基準とし、横幅いっぱいに表示する。
・ほとんどの機種で高さが少し短くなるので、画像を中央に配置し、余白(背景)は黒にする。
・現行機種でアスペクト比2:3よりも高さが小さいものはない様なので、このタイプは対応しない事とする。

【ImageResizeView.java】(マルチデバイス対応画像リサイズクラス)

public class ImageResizeView extends View{
	
	private Bitmap bmp;
	private int dp_w;
	private int dp_h;
	private int drow_h;
	private int drow_s;
	
	public ImageResizeView(Context context, int resource_name){
		super(context);
		// リソースからbitmapを作成
		bmp = BitmapFactory.decodeResource(context.getResources(), resource_name);
		// WindowManager取得
		WindowManager wm = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
		// Displayインスタンス生成
		Display dp = wm.getDefaultDisplay();
		// ディスプレイサイズ取得
		dp_w = dp.getWidth();
		dp_h = dp.getHeight();
		// リサイズ画像の高さ
		drow_h = (dp_w / 2) * 3;
		// 描画始点の高さ
		drow_s = (dp_h - drow_h) / 2;
	}

	@Override
	protected void onDraw(Canvas canvas){
		// 背景色
		canvas.drawColor(Color.BLACK);
		// イメージ画像リサイズ
		bmp = Bitmap.createScaledBitmap(bmp, dp_w, drow_h , true);  
		// 描画
		canvas.drawBitmap(bmp, 0, drow_s, null);
	}
}

Viewクラスを継承して、onDrawメソッドをオーバーライドしてcanvasに描画する。

【Activity000.java】(Activityクラス)

public class Activity000 extends Activity {

	// リソースファイル名
	int resource_name = R.drawable.img00;
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        
		setContentView(new ImageSizePut(this, resource_name));
	}
}

リソースの画像サイズを取得してみる。

今回は、複数のActivityから利用したいので、別クラスを作成する。
Activityでインスタンスを生成して、リソースの画像を指定し、その画像サイズを受け取る。

public class ImageSizeGet{

	// 画像のサイズを取得するメソッド
	public String getSize(Context context, int resource_name){
		// リソースからbitmapを作成
		Bitmap image = BitmapFactory.decodeResource(context.getResources(), resource_name);
		
		// 画像サイズ取得
		int width  = image.getWidth();
		int height = image.getHeight();
		
		// 画像サイズの文字列を返す
		String size = "w:" + width + ",h:" + height;
		return size;
	}
}

Context : アプリケーションの環境情報をグローバル(AndroidOSの全域)に受け渡しするためのインターフェース

public class Activity000 extends Activity {

	// リソースファイル名を指定
	int resource_name = R.drawable.img01;
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		// ImageSizeGetクラスをインスタンス化する
		ImageSizeGet put_text = new ImageSizeGet();
		
		// ImageSizeGetのgetNameメソッドを呼び出す
		String size = put_text.getSize(this, resource_name);

		//　TextViewを準備
		TextView tv = new TextView(this);
		
		// テキスト出力
		tv.setText(size);
		setContentView(tv);
	}
}

Activityからメソッドを呼ぶ時に渡す引数Contextには、Activity自身を指すthisを指定する

w:横幅,h:高さ

SurfaceViewに対するイベント処理も、考え方は通常のViewでの処理とほとんどかわりません。

今回はSurfaceViewに描画した真顔のイラストをタッチ後、笑顔にする。

【準備画像】

public class SampleSurfaceView extends SurfaceView implements SurfaceHolder.Callback{
	
	// 表示する画像
	private Bitmap image01;
	private Bitmap image02;
	private Bitmap image03;
	private Bitmap image02b;
     
	// コンストラクタ
	public SampleSurfaceView4(Context context) {
		super(context);
         
		getHolder().addCallback(this);
		// Bitmapリソースを用意
		image01 = BitmapFactory.decodeResource(getResources(), R.drawable.face);
		image02 = BitmapFactory.decodeResource(getResources(), R.drawable.eye);
		image02b = BitmapFactory.decodeResource(getResources(), R.drawable.eye2);
		image03 = BitmapFactory.decodeResource(getResources(), R.drawable.mouth);
	}
     
	// SurfaceView生成時に呼び出される(初期画面の描画)
	public void surfaceCreated(SurfaceHolder holder) {
    	
		doDraw(holder);
	}
     
	// SurfaceView変更時に呼び出される(画面の更新処理)
	public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
		// 処理がない場合も必要
	}
     
	// SurfaceView破棄時に呼び出される(画面の削除、削除後の処理)
	public void surfaceDestroyed(SurfaceHolder holder) {
		// 処理がない場合も必要
	}
    
	private void doDraw(SurfaceHolder holder) {
		// Canvas取得しロックする
		Canvas canvas = holder.lockCanvas();
		Paint paint = new Paint();
		//paint.setColor(Color.WHITE);
         
		// 描画処理
		canvas.drawBitmap(image01, 0, 0, paint);
		canvas.drawBitmap(image02, 0, 0, paint);
		canvas.drawBitmap(image03, 0, 0, paint);
         
		// LockしたCanvasを解放する
		holder.unlockCanvasAndPost(canvas);
	}
	
	private void onDraw(SurfaceHolder holder) {
		// Canvas取得しロックする
		Canvas canvas = holder.lockCanvas();
		Paint paint = new Paint();
		//paint.setColor(Color.WHITE);
         
		// 描画処理
		canvas.drawBitmap(image01, 0, 0, paint);
		canvas.drawBitmap(image02b, 0, 0, paint);
		canvas.drawBitmap(image03, 0, 0, paint);
         
		// LockしたCanvasを解放する
		holder.unlockCanvasAndPost(canvas);
	}
	
	// タッチイベント
	@Override
	public boolean onTouchEvent(MotionEvent event){
		onDraw(getHolder());
		return true;
	}
}

前回、「FrameLayoutでSurfaceViewとTextViewと重ねて表示する」で作成したTextViewにマージンを指定する。
しかし、元となるレイアウトがFrameLayoutの場合、TextViewにmarginが設定できない。

FrameLayoutとTextViewの間にmarginが設定できるLinearLayoutを噛ませてやればうまくいく。

例)
FrameLayout -> TextView
↓
FrameLayout -> LinearLayout -> TextView

【Activity000.java】

public class Activity000 extends Activity {

	// LayoutParamsにセットするパラメータを準備
	private final int FP = ViewGroup.LayoutParams.FILL_PARENT; 
	private final int WC = ViewGroup.LayoutParams.WRAP_CONTENT;
	private final int LFP = LinearLayout.LayoutParams.FILL_PARENT;
	private final int LWC = LinearLayout.LayoutParams.WRAP_CONTENT;
	
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		//　FrameLayoutを準備
		FrameLayout fl = new FrameLayout(this);
		setContentView(fl);
 
		//　FrameLayoutにSurfaceViewをセットする
		fl.addView(new SampleSurfaceView2(this),new ViewGroup.LayoutParams(WC, WC));
        
		//　SurfaceViewと重ねるTextViewを準備
		TextView tv = new TextView(this);
		tv.setText("SurfaceViewとTextViewを重ねる\nさらにTextViewにマージンを指定する");
		tv.setHeight(120);
		tv.setTextColor(Color.BLACK);
		tv.setBackgroundColor(Color.WHITE);
		
		// TextViewを入れるLinearLayoutを準備
		LinearLayout ll = new LinearLayout(this);
		LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LFP, LWC);
		lp.setMargins(10, 10, 10, 10);
		tv.setLayoutParams(lp);
		ll.addView(tv);
		
		//　FrameLayoutにLinearLayoutをセットする
		fl.addView(ll, new ViewGroup.LayoutParams(FP, WC));
	}
}

setMarginsのパラメータ指定 : setMargins(左, 上, 右, 下)

【実行画面】