Android

プログラミング未経験者対象の【 Androidアプリ作成動画 】です。
 
未経験者を対象にして、できる限り分かりやすく解説しているつもりですが、プログラミングスキルや開発環境によって理解出来なかったり、再現出来ない時もあります。

この動画は「SeekBar（シークバー）を使って背景色を変更する」を解説したものです。
 
難易度　：★★★★☆ （ 未経験者には理解も利用も困難で「再現出来れば十分」なレベル ）
 
SeekBarを本格的に理解するのはオブジェクト指向を深く理解できてないと厳しいと思います。

残念ながら、初心者の方は「理解より再現（自分のパソコンで再現させる）」を目指してください。
不思議な物で、分からずに体験していると、学習が楽になりますので、是非２回は再現してみてください。
 
 

• 新規アプリケーション作成
• 背景色の変更
• SeekBerを配置
• SeekBerでの背景色の変更
• 復習作成（ 同じ物をもう一度 ）

1・背景色の変更（前置き）

• RelativeLayoutにIDを付ける
• TextViewを削除する

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.test1.MainActivity" >

</RelativeLayout>

・setBackgroundColorで背景色を付ける （MainActivity.java）

package com.example.test1;

import android.support.v7.app.ActionBarActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RelativeLayout;


public class MainActivity extends ActionBarActivity {

    // オンクリエイト（ 画面表示直前に実行される ）
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        /************************************
         * 背景色の変更（前置き）
         ***********************************/
        RelativeLayout rl =(RelativeLayout)findViewById(R.id.rLayout);
        rl.setBackgroundColor(Color.rgb(255, 0, 0));
        // この段階でエラーが出る人はバージョンUPが必要と思われます。（ 2014/09/10 現在 ）
    }

// ～ 以下略 （変更しません）～

2・SeekBarの配置

・RelativeLayoutにIDを付ける （activity_main.xml）

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.test1.MainActivity" >

    <SeekBar
        android:id="@+id/seekBar1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:max="255" />

</RelativeLayout>

3-1・バーを変更したときの処理を登録する (1/3)

・setOnSeekBarChangeListenerの設定 （ MainActivity.java ）

package com.example.test1;

import android.support.v7.app.ActionBarActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RelativeLayout;
import android.widget.SeekBar;


public class MainActivity extends ActionBarActivity {

    // オンクリエイト（ 画面表示直前に実行される ）
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        /************************************
         * 背景色の変更（前置き）
         ***********************************/
        RelativeLayout rl =(RelativeLayout)findViewById(R.id.rLayout);
        rl.setBackgroundColor(Color.rgb(255, 0, 0));
        
        /************************************
         * シークバーの利用
         ***********************************/
        SeekBar sb =(SeekBar)findViewById(R.id.seekBar1);
        sb.setOnSeekBarChangeListener(l);            // エラーが出ます
    }
// ～ 以下略 （変更しません）～

3-2・バーを変更したときの処理を登録する (2/3)

・OnSeekBarChangeListenerの設定 （ MainActivity.java ）

package com.example.test1;

import android.support.v7.app.ActionBarActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.RelativeLayout;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;


public class MainActivity extends ActionBarActivity {

    // オンクリエイト（ 画面表示直前に実行される ）
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        /************************************
         * 背景色の変更（前置き）
         ***********************************/
        RelativeLayout rl =(RelativeLayout)findViewById(R.id.rLayout);
        rl.setBackgroundColor(Color.rgb(255, 0, 0));
        
        /************************************
         * シークバーの利用
         ***********************************/
        SeekBar sb =(SeekBar)findViewById(R.id.seekBar1);
//      sb.setBackgroundColor(Color.rgb(0, 0, 255));
        sb.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
			
                @Override
                public void onStopTrackingTouch(SeekBar seekBar) {
                        // TODO Auto-generated method stub
				
                }
			
                @Override
                public void onStartTrackingTouch(SeekBar seekBar) {
                        // TODO Auto-generated method stub
				
                }
			
                @Override
                public void onProgressChanged(SeekBar seekBar, int progress,
                        boolean fromUser) {
                        // TODO Auto-generated method stub
				
                }
        });
        // ***ここまで*****************************
    }
// ～ 以下略 （変更しません）～

3-3・バーを変更したときの処理を登録する (3/3)

• 背景色変更の処理を移動する。
• 赤色の変数をpに統一しています。

・ （ MainActivity.java ）

/************************************
* シークバーの利用
***********************************/
SeekBar sb =(SeekBar)findViewById(R.id.seekBar1);
sb.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
			
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // タッチを離した時の処理を記載
    }
			
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {
        // タッチした時の処理を記載
    }
			
    @Override
    public void onProgressChanged(SeekBar seekBar, int p, boolean fromUser) {
        // 値が変化する度に実行される
				
        /************************************
        * 背景色の変更
        ***********************************/
        RelativeLayout rl =(RelativeLayout)findViewById(R.id.rLayout);
        rl.setBackgroundColor(Color.rgb(p, 0, 0));
    }
});
// ***ここまで*****************************

プログラミング未経験者対象の【 Androidアプリ作成動画 】です。
この動画はアプリの画面作成の流れを動画にしてUPしたもで、あまり丁寧に解説してません。
開発バージョンの違いや、文字コード、設定等により、コピペしてもうまく機能しない時があります。
動作を保証する物で無く、未経験者の方の参考動画としてご覧ください。

【 動画内容 】

ゲーム等での「音楽の再生ボタンを設置する」を解説した動画です。
前回作成した「バックミュージックとアクティビティ」の続編としてご覧ください。
この動画は、予備知識としてアクティビティのライフサイクルとIFを理解していることが前提の動画です。
まだ、未学習の方は参考程度にしてください。（ わからない箇所はご質問ください。 ）

【 使用画像 （ご自由にお使いください） 】

【 レイアウト 】

fragment_main.xml か activity_main.xmlです。開発環境のバージョンで変わります。

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”com.example.sound0724.MainActivity$PlaceholderFragment” >

<ImageView
android:id=”@+id/soundButton”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_centerHorizontal=”true”
android:layout_centerVertical=”true”
android:onClick=”onSoundButton”
android:src=”@drawable/start” />

</RelativeLayout>

【 プログラム MainActivity.java 】

import android.support.v7.app.ActionBarActivity;
import android.support.v4.app.Fragment;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends ActionBarActivity {

	/****************************
	 * フィールド （ アプリ全体で使用する変数 ）
	 ***************************/
	// 再生の準備
	MediaPlayer p;

	/*********************
	 * 初期化
	 ********************/
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 音楽の読み込み
		p = MediaPlayer.create(getApplicationContext(), R.raw.sound);
		// 連続再生設定
		p.setLooping(true);

		if (savedInstanceState == null) {
			getSupportFragmentManager().beginTransaction()
					.add(R.id.container, new PlaceholderFragment()).commit();
		}
	}

	/*********************
	 * ボタンでの再生と停止
	 ********************/
	public void onSoundButton(View v) {

		// 表示内容の切替え
		ImageView button = (ImageView) findViewById(R.id.soundButton);

		// 再生中なら停止して、停止中なら再生する
		if (p.isPlaying()) {
			p.pause(); // 一時停止
			button.setImageResource(R.drawable.start);
		} else {
			p.start(); // 再生
			button.setImageResource(R.drawable.pause);
		}
	}

	/*****************************
	 * 終了処理（メモリの解放）
	 *****************************/
	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();

		p.release(); // メモリの解放
		p = null; // 音楽プレーヤーを破棄
	}
	
	
	@Override
	protected void onPause() {
		super.onPause();
		// 本来なら停止処理が必要
	}
	
	
	@Override
	protected void onResume() {
		super.onResume();
		// 本来なら再開処理が必要
	}
　　～ 以下略 ～

※ 新バージョンがあります　→　［ バックミュージックの再生 ］

プログラミング未経験者対象の【 Androidアプリ作成動画 】です。
この動画はアプリの画面作成の流れを動画にしてUPしたもで、あまり丁寧に解説してません。
開発バージョンの違いや、文字コード、設定等により、コピペしてもうまく機能しない時があります。
動作を保証する物で無く、未経験者の方の参考動画としてご覧ください。

【 動画内容 】

ゲーム等での「バックミュージックを流す」を解説した動画です。
バックミュージック（音楽）を流すにはアクティビティのライフサイクルを理解する必要があるので、簡単にですが解説しています。

【 プログラム MainActivity.java 】

import android.support.v7.app.ActionBarActivity;
import android.support.v4.app.Fragment;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

	// 再生の準備
	MediaPlayer p;

	/*****************************
	 * 起動処理 （読み込みと設定 ）
	 *****************************/
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		Toast.makeText(this, "onCreate() 起動処理", Toast.LENGTH_SHORT).show();
		// 音楽の読み込み
		p = MediaPlayer.create(getApplicationContext(), R.raw.sound);
		// 連続再生設定
		p.setLooping(true);

		if (savedInstanceState == null) {
			getSupportFragmentManager().beginTransaction()
					.add(R.id.container, new PlaceholderFragment()).commit();
		}
	}

	/*****************************
	 * 画面表示
	 *****************************/
	@Override
	protected void onResume() {
		super.onResume();

		Toast.makeText(this, "onResume() 再生処理", Toast.LENGTH_SHORT).show();
		p.start(); // 再生
	}

	/*****************************
	 * 画面非表示
	 *****************************/
	@Override
	protected void onPause() {
		// TODO Auto-generated method stub
		super.onPause();

		Toast.makeText(this, "onPause() 画面非表示", Toast.LENGTH_SHORT).show();
		p.pause(); // 一時停止
	}

	/*****************************
	 * 終了処理（メモリの解放）
	 *****************************/
	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();

		Toast.makeText(this, "onDestroy() 終了処理", Toast.LENGTH_SHORT).show();
		p.release();// メモリの解放
		p = null; // 音楽プレーヤーを破棄
	}

	～ 以下略　～