Android プログラミング【 育児アプリ 】 ~ シンプル版 ~

育児アプリ 768

できる限り簡単な「育児アプリ」を作成します。
内容はアニメーション、効果音等の復習が中心ですが、絵本アプリなどに発展させたいです。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Education
Company Domain test.com
Package name com.test.education

* 注意 *
・画像や効果音をご自身で要するにはファイル名やファイルサイズ、拡張子に注意する必要があります。
・慣れてない方はサンプル使用をオススメします。

一括DL

育児アプリ-ファイル構成2

育児アプリ-画面レイアウト

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.education.MainActivity">

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scaleType="centerCrop"
        android:src="@drawable/back"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/c1"
        android:layout_width="163dp"
        android:layout_height="108dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:onClick="onImg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.83"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="@+id/imageView2"
        app:layout_constraintVertical_bias="0.78"
        app:srcCompat="@drawable/c1"
        tools:layout_editor_absoluteX="135dp"
        tools:layout_editor_absoluteY="245dp" />

    <ImageView
        android:id="@+id/c2"
        android:layout_width="105dp"
        android:layout_height="83dp"
        android:layout_marginBottom="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginTop="8dp"
        android:onClick="onImg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.22"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.17000002"
        app:srcCompat="@drawable/c2" />

</android.support.constraint.ConstraintLayout>

package com.test.education;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.animation.AnimationUtils;

public class MainActivity extends AppCompatActivity {

    MySound mySound = new MySound();    // ① 効果音準備

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // アニメーション開始    //////////////////
        findViewById(R.id.c1).startAnimation(AnimationUtils.loadAnimation(this,R.anim.normal));
        findViewById(R.id.c2).startAnimation(AnimationUtils.loadAnimation(this,R.anim.normal));


        // ② 効果音準備
        int[] mp3s = {
                R.raw.sound,
        };
        mySound.onCreate(this,mp3s); // ③ 効果音初期化
    }


    // クリック処理  /////////////////////////////
    public void onImg(View v){
        mySound.onPlay(0);  // ④ 効果音再生
        v.startAnimation(AnimationUtils.loadAnimation(this,R.anim.click));
    }


    // 終了処理 ///////////////////////////////////
    @Override
    protected void onDestroy() {
        super.onDestroy();
        mySound.onDestroy();    // ⑤ 効果音終了
    }
}

Android プログラミング【効果音の追加】 ~オブジェクト指向・予習編~

Android プログラミング【効果音の追加】 ~オブジェクト指向・予習編~

効果音の追加 768

アプリ作成

プログラムも分担

バックミュージック-指示通りに記載

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Test
Company Domain test.com
Package name com.test.test

オブジェクト指向 新規プロジェクト

  1. mp3ファイルの準備
  2. javaファイルの準備
  3. activity_main.xmlの編集
  4. MainActivity.javaの編集

以下のファイルとmp3を用意して、指定の場所に保存してください。
※ 慣れてない方はファイル名、フォルダ名を同じにしてください。

声素材
JavaファイルのDL

効果音-ファイル構成

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="24dp"
    tools:context="com.test.test.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onA"
        android:text="a" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onB"
        android:text="b" />
    
</LinearLayout>
package com.test.test;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    MySound mySound = new MySound();    // ① 準備

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // ② 効果音の準備
        int[] mp3s = {
                R.raw.mp3a,
                R.raw.mp3b,
        };
        mySound.onCreate(this,mp3s); // ③ 初期化
    }


    public void onA(View v){
        mySound.onPlay(0);  // ④ 再生
    }

    public void onB(View v){
        mySound.onPlay(1);  // ④ 再生
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mySound.onDestroy();    // ⑤ 終了
    }

}

バックミュージック-ポイント

Android プログラミング【 診断アプリ 】 ~ シンプル版 ~

Android プログラミング【 診断アプリ 】 ~ シンプル版 ~

診断アプリ 768

少々長い動画になります。
過去の動画をほぼご覧になって「理解済み」の方用の動画です。

専門用語 「 変数・配列・アクティビティ・インテント・クリック処理 」と言われて分からない方は参考程度にご覧ください。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name CheckApp
Company Domain test.com
Package name com.test.checkapp

診断アプリ_新規作成

* 注意 *
・画像をご自身で要するにはファイル名やファイルサイズ、拡張子に注意する必要があります。
・ファイル名は半角小文字の英数(a~z 0~9)とアンダーバー( _ )のみで、最初の1文字目は半角英字( a ~ z)のみです。
・慣れてない方はサンプル画像の使用をオススメします。

main
魔女
魔法少女
魔法剣士
剣士タイプ
パワータイプ

activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    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.test.checkapp.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="キャラ診断"
        android:textSize="60sp" />

    <Button
        android:onClick="onStart"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="スタート"
        android:textSize="40sp" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/main" />
</LinearLayout>

activity_play

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_play"
    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.test.checkapp.PlayActivity">

    <TextView
        android:id="@+id/tvCount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="後5問" />

    <TextView
        android:gravity="center"
        android:id="@+id/tvQuestion"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="パワーで勝負"
        android:textSize="40sp" />

    <LinearLayout

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">

        <Button
            android:padding="10dp"
            android:onClick="onYes"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Yes"
            android:textSize="40sp" />

        <Button
            android:padding="10dp"
            android:onClick="onNo"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="No"
            android:textSize="40sp" />
    </LinearLayout>

</RelativeLayout>

activity_result

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_result"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    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.test.checkapp.ResultActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="あなたは"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tvResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="パワータイプ"
        android:textSize="40sp" />

    <TextView
        android:id="@+id/tvReText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="何も気にせずごり押ししましょう"
        android:textSize="18sp" />

    <ImageView
        android:id="@+id/ivReImg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/p4" />

</LinearLayout>

package com.test.checkapp;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    // 画面切り替え   /////////////////////////////////////
    public void onStart(View v){
        Intent intent = new Intent(this,PlayActivity.class);
        startActivity(intent);
    }
}

package com.test.checkapp;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;

public class PlayActivity extends AppCompatActivity {

    int count = 5;  // 問題数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_play);
    }

    // Yesボタン   /////////////////////////////////////
    public void onYes(View v) {
        count--;
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            startActivity(intent);
            finish();
        }
    }


    // Noボタン   /////////////////////////////////////
    public void onNo(View v) {
        count--;
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            startActivity(intent);
            finish();
        }
    }
}

package com.test.checkapp;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;

import java.util.Random;

public class PlayActivity extends AppCompatActivity {

    // 問題データ    ////////////////////////
    String[] question = {
            "ガンガン行こうぜ!",
            "慎重に!!",
            "支援は大事だね",
            "元気があれば何でも出来る!",
    };

    int r = 0;  // 乱数の保管
    int count = 5;  // 問題数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_play);

        // 出題   /////////////////////////////
        r = new Random().nextInt(question.length);
        ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
    }

    // Yesボタン   /////////////////////////////////////
    public void onYes(View v) {
        count--;
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
            // 出題   /////////////////////////////
            r = new Random().nextInt(question.length);
            ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            startActivity(intent);
            finish();
        }
    }


    // Noボタン   /////////////////////////////////////
    public void onNo(View v) {
        count--;
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
            // 出題   /////////////////////////////
            r = new Random().nextInt(question.length);
            ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            startActivity(intent);
            finish();
        }
    }
}

スコアとタイプ

package com.test.checkapp;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;

import java.util.Random;

public class PlayActivity extends AppCompatActivity {

    // 問題データ    ////////////////////////
    String[] question = {
            "ガンガン行こうぜ!",
            "慎重に!!",
            "支援は大事だね",
            "元気があれば何でも出来る!",
    };

    // YES選択時のスコア(評価点)
    int[] yes = {1, -1, -1, 1};

    int r = 0;  // 乱数の保管
    int count = 5;  // 問題数
    int score = 0;   // スコアの合計(評価点)

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_play);

        // 出題   /////////////////////////////
        r = new Random().nextInt(question.length);
        ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
    }

    // Yesボタン   /////////////////////////////////////
    public void onYes(View v) {
        count--;
        score += yes[r]; // スコアの加算
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
            // 出題   /////////////////////////////
            r = new Random().nextInt(question.length);
            ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            intent.putExtra("score" , score);
            startActivity(intent);
            finish();
        }
    }


    // Noボタン   /////////////////////////////////////
    public void onNo(View v) {
        count--;
        score -= yes[r]; // スコアの減算
        if (count > 0) {
            ((TextView) findViewById(R.id.tvCount)).setText("後" + count + "問");
            // 出題   /////////////////////////////
            r = new Random().nextInt(question.length);
            ((TextView) findViewById(R.id.tvQuestion)).setText(question[r]);
        } else {
            Intent intent = new Intent(this, ResultActivity.class);
            intent.putExtra("score" , score);
            startActivity(intent);
            finish();
        }
    }
}

package com.test.checkapp;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.TextView;

public class ResultActivity extends AppCompatActivity {

    String[] result = {
            "魔女タイプ",
            "魔法少女",
            "魔法剣士",
            "剣士タイプ",
            "パワータイプ",
    };

    String[] reTest = {
            "とっても神秘的!!",
            "後方支援が得意です",
            "オールマイティ!!",
            "スタンダードに攻撃だ!",
            "何も気にせずごり押しだ!",
    };

    int[] reImg = {
            R.drawable.p0,
            R.drawable.p1,
            R.drawable.p2,
            R.drawable.p3,
            R.drawable.p4,
    };


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_result);

        // インテントからスコアを取得    /////////////////////
        int score = getIntent().getIntExtra("score" , 0);
        if( score < 0) score = 0;
        if( score >= result.length) score = result.length -1;

        // テキストと画像をセット  //////////////////////////
        ((TextView)findViewById(R.id.tvResult)).setText(result[score]);
        ((TextView)findViewById(R.id.tvReText)).setText(reTest[score]);
        ((ImageView)findViewById(R.id.ivReImg)).setImageResource(reImg[score]);
    }
}

Android プログラミング【バックミュージックの追加】 ~オブジェクト指向・予習編~

Android プログラミング【バックミュージックの追加】 ~オブジェクト指向・予習編~

バックミュージックの追加① ~オブジェクト指向・予習編~ 768

続編・Android プログラミング【バックミュージックの追加 ② 】 ~オブジェクト指向・予習編~

この動画は「オブジェクト指向でアプリを組める!」を目指す学習動画です。

オブジェクト指向自体は簡単で大したことではありません。

しかし、それなりの慣れや経験が無いと意味不明です。
つまり「頭で理解するのは難しいが、慣れるのは簡単」だと思ってます。

まずは深く考えずに「予習」をしてみたいと思います。

アプリ作成

プログラムも分担

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Test
Company Domain test.com
Package name com.test.test

オブジェクト指向 新規プロジェクト

  1. mp3ファイルの準備
  2. javaファイルの準備
  3. MainActivity.javaの編集

以下のファイルとmp3を用意して、指定の場所に保存してください。
※ 慣れてない方はファイル名、フォルダ名を同じにしてください。

・音楽素材 MusMus様
JavaファイルのDL

オブジェクト指向-ファイル保存2

バックミュージック-指示通りに記載

package com.test.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    MyMedia myMedia = new MyMedia();    // ① 準備

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        myMedia.onCreate( this,R.raw.main); // ②読込
    }

    @Override
    protected void onResume() {
        super.onResume();
        myMedia.onResume(); // ③再生
    }
    @Override
    protected void onPause() {
        super.onPause();
        myMedia.onPause(); // ④ 一時停止
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        myMedia.onDestroy(); // ⑤ 終了
    }
}

バックミュージック-ポイント

Android プログラミング【 カウントダウンタイマー④ 】~ 改正版 ~

Android プログラミング【 カウントダウンタイマー④ 】~ 改正版 ~768
カウントダウンタイマーを利用した「アプリサンプル」です。
パズルや脳トレアプリをイメージして、タイトル画面→プレイ画面→終了画面 の流れを作成します。

【 注意事項 】
この動画にはシリーズ物です以下から順にご覧ください。

カウントダウンタイマー① 10秒で終了
カウントダウンタイマー② 画面切り替え
カウントダウンタイマー③ 画面再表示
カウントダウンタイマー④ 改正版

タイマーアプリ 画面の流れ

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name TestGame
Company Domain test.com
Package name com.test.testgame

カウントダウンタイマー新規作成

カウントダウンタイマー ファイル構成

カウントダウンタイマー-タイトル画面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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.test.testgame.MainActivity">

    <Button
        android:onClick="onStart"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="start"
        android:textSize="30sp" />

</RelativeLayout>

カウントダウンタイマー-プレイ画面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_play"
    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.test.testgame.PlayActivity">

    <TextView
        android:id="@+id/tv"
        android:layout_alignParentRight="true"
        android:text="あと10秒"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

カウントダウンタイマー リザルト画面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_result"
    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.test.testgame.ResultActivity">

    <TextView
        android:layout_centerHorizontal="true"
        android:textSize="40sp"
        android:text="ゲームオーバー"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>
package com.test.testgame;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    

    // STRATボタンクリック
    public void onStart( View v){
        // 画面切り替え
        Intent intent = new Intent(this,PlayActivity.class); 
        startActivity(intent);
    }
}
package com.test.testgame;

import android.content.Intent;
import android.os.CountDownTimer;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class PlayActivity extends AppCompatActivity {

    CountDownTimer countDownTimer;  // タイマー本体
    long time = 10000;              // タイマー終了時間

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_play);
    }

    // 画面再表示に実行 //////////////////////////////////
    @Override
    protected void onResume() {
        super.onResume();
        countDownTimer = new CountDownTimer(time, 100) {
            @Override
            public void onTick(long millisUntilFinished) {
                // 0.1秒毎にTextView更新
                time = millisUntilFinished;
                int t = (int) millisUntilFinished / 1000;
                ((TextView) findViewById(R.id.tv)).setText("あと" + t + "秒");
            }

            @Override
            public void onFinish() {
                // 画面を切り替え
                Intent intent = new Intent(PlayActivity.this, ResultActivity.class);
                startActivity(intent);
                // PlayActivity終了
                finish();
            }
        }.start();
    }

    // 画面非表示に実行 ////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        countDownTimer.cancel();
        countDownTimer = null;
    }
}
package com.test.testgame;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class ResultActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_result);
    }
}

Android プログラミング【 カウントダウンタイマー③ 】~ 画面再表示 ~

Android 開発 カウントダウンタイマー3 768

【 注意事項 】
この動画にはシリーズ物です以下から順にご覧ください。

カウントダウンタイマー① 10秒で終了
カウントダウンタイマー② 画面切り替え
カウントダウンタイマー③ 画面再表示
カウントダウンタイマー④ 改正版

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name MyCountDown
Company Domain test.com
Package name com.test.mycountdown

新規プロジェクト

activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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.test.mycountdown.MainActivity">

    <TextView
        android:id="@+id/tv"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

package com.test.mycountdown;

import android.content.Intent;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity{

    CountDownTimer countDownTimer;  // タイマー本体
    long alltime = 10000;              // タイマー終了時間

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    
    // 画面非表示に実行 ////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        countDownTimer.cancel();
        countDownTimer = null;
    }

    // 画面再表示に実行 //////////////////////////////////
    @Override
    protected void onResume() {
        super.onResume();
        countDownTimer = new CountDownTimer(alltime, 100) {
            @Override
            public void onTick(long millisUntilFinished) {
                alltime= millisUntilFinished;
                int time = (int)millisUntilFinished /1000;
                ((TextView)findViewById(R.id.tv)).setText("あと" + time + "秒");
            }
            @Override
            public void onFinish() {
                Intent intent = new Intent(MainActivity.this,Main2Activity.class);
                startActivity(intent);
            }
        }.start();
    }
}

Android プログラミング【 カウントダウンタイマー② 】~ 10秒で画面切り替え ~

Android 開発 カウントダウンタイマー2 768

【 注意事項 】
この動画には問題点もあります。
以下から順にご覧ください。

カウントダウンタイマー① 10秒で終了
カウントダウンタイマー② 画面切り替え
カウントダウンタイマー③ 画面再表示
カウントダウンタイマー④ 改正版

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name MyCountDown
Company Domain test.com
Package name com.test.mycountdown

新規プロジェクト

activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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.test.mycountdown.MainActivity">

    <TextView
        android:id="@+id/tv"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

終了時の画面(アクティビティ)を追加し、TextViewを記載します。

activity_main2_xml図解

CountDownTimer 図解①

package com.test.mycountdown;

import android.content.Intent;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        CountDownTimer countDownTimer = new CountDownTimer(10000, 100) {

            @Override
            public void onTick(long millisUntilFinished) {
                int time = (int)millisUntilFinished /1000;
                ((TextView)findViewById(R.id.tv)).setText("あと" + time + "秒");
            }

            @Override
            public void onFinish() {
                Intent intent = new Intent(MainActivity.this,Main2Activity.class);
                startActivity(intent);
            }
        }.start();
    }

}

Android プログラミング【 カウントダウンタイマー① 】~ 10秒で終了 ~

Android 開発 カウントダウンタイマー1

カウントダウンタイマーを学習します。
細かく理解するには「Java中級」程度の知識が必要ですが、再現だけならカンタンです。

【 注意事項 】
この動画には問題点もあります。
以下と組み合わせてご覧ください。

カウントダウンタイマー① 10秒で終了
カウントダウンタイマー② 画面切り替え
カウントダウンタイマー③ 画面再表示
カウントダウンタイマー④ 改正版

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name MyCountDown
Company Domain test.com
Package name com.test.mycountdown

新規プロジェクト

activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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.test.mycountdown.MainActivity">

    <TextView
        android:id="@+id/tv"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

MainActivity_java

package com.test.mycountdown;

import android.os.Bundle;
import android.os.CountDownTimer;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        CountDownTimer countDownTimer = new CountDownTimer(10000, 100) {
            @Override
            public void onTick(long millisUntilFinished) {
                int time = (int)millisUntilFinished /1000;
                ((TextView)findViewById(R.id.tv)).setText("あと" + time + "秒");
            }
            @Override
            public void onFinish() {
                finish();
            }
        }.start();
    }
}

CountDownTimer 図解①

15分で作る? 【4択クイズ 】~ 小さい順にタップ ~

15分で作る? 【4択クイズ 】~ 小さい順にタップ ~

Android 開発【 4択クイズ① 】画面作成編 768

簡易4択クイズです。
少ない順にタップし、全てタップするとゲームクリアーです。

学習用のサンプルアプリです。
ゲームオーバーやリトライはありませんし、説明も簡略しています。

以下の知識が無いと理解不能です。
初心者のかたは「ご自身のPCで再現」を目指してください。

  • 配列
  • IF
  • キャスト
  • ジェネリクス
  1. 【4択クイズ① 】~ 画面作成編 ~
  2. 【4択クイズ② 】~ ランダム出題編 ~
  3. 【4択クイズ③ 】~ 正解判定編 ~
  4. 【4択クイズ④ 】~ ゲームオーバー ~
  5. 【4択クイズ⑤ 】~ 完成編 ~

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name ForeQuiz
Company Domain test.com
Package name com.test.forequiz

クイズの作り方【プロジェクト名】

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="小さい順にタップ"
        android:textSize="40sp" />

    <Button
        android:id="@+id/b0"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:onClick="onButton"
        android:text="○"
        android:textSize="30sp" />

    <Button
        android:id="@+id/b1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:onClick="onButton"
        android:text="○"
        android:textSize="30sp" />

    <Button
        android:id="@+id/b2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:onClick="onButton"
        android:text="○"
        android:textSize="30sp" />

    <Button
        android:id="@+id/b3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:onClick="onButton"
        android:text="○"
        android:textSize="30sp" />
</LinearLayout>
package com.test.forequiz;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    String[] QUIZ = {"アリ","ネズミ","ゴリラ","クジラ"};  // 問題

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 出題(シャッフル)//////////////////////////
        List<String> list = Arrays.asList(QUIZ.clone());
        Collections.shuffle(list);
        ((Button)findViewById(R.id.b0)).setText(list.get(0));
        ((Button)findViewById(R.id.b1)).setText(list.get(1));
        ((Button)findViewById(R.id.b2)).setText(list.get(2));
        ((Button)findViewById(R.id.b3)).setText(list.get(3));
    }
    
}
package com.test.forequiz;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    String[] QUIZ = {"アリ","ネズミ","ゴリラ","クジラ"};  // 問題
    int tap = 0;                             // 現在の正解数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 出題(シャッフル)//////////////////////////
        List<String> list = Arrays.asList(QUIZ.clone());
        Collections.shuffle(list);
        ((Button)findViewById(R.id.b0)).setText(list.get(0));
        ((Button)findViewById(R.id.b1)).setText(list.get(1));
        ((Button)findViewById(R.id.b2)).setText(list.get(2));
        ((Button)findViewById(R.id.b3)).setText(list.get(3));
    }

    // ボタンチェック  /////////////////////////
    public void onButton( View v){
        // タップされたボタンの文字を取得
        String text =  ((Button)v).getText().toString();

        // 正解処理 ( 問題と比較 )
        if( text.equals(QUIZ[tap])){

            v.setEnabled(false);    // ボタンをクリック不可
            tap++;                  // 正解数UP
            ((TextView)findViewById(R.id.tv)).setText( tap+"問正解!!");  // 正解表示
            
        }
    }
}
package com.test.forequiz;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    String[] QUIZ = {"アリ","ネズミ","ゴリラ","クジラ"};  // 問題
    int tap = 0;                             // 現在の正解数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 出題(シャッフル)//////////////////////////
        List<String> list = Arrays.asList(QUIZ.clone());
        Collections.shuffle(list);
        ((Button)findViewById(R.id.b0)).setText(list.get(0));
        ((Button)findViewById(R.id.b1)).setText(list.get(1));
        ((Button)findViewById(R.id.b2)).setText(list.get(2));
        ((Button)findViewById(R.id.b3)).setText(list.get(3));
    }

    // ボタンチェック  /////////////////////////
    public void onButton( View v){
        // タップされたボタンの文字を取得
        String text =  ((Button)v).getText().toString();

        // 正解処理 ( 問題と比較 )
        if( text.equals(QUIZ[tap])){

            v.setEnabled(false);    // ボタンをクリック不可
            tap++;                  // 正解数UP
            ((TextView)findViewById(R.id.tv)).setText( tap+"問正解!!");  // 正解表示
            
        }
        // 不正解処理
        else {
            ((TextView)findViewById(R.id.tv)).setText("ゲームオーバー");
            ((Button)findViewById(R.id.b0)).setEnabled(false);
            ((Button)findViewById(R.id.b1)).setEnabled(false);
            ((Button)findViewById(R.id.b2)).setEnabled(false);
            ((Button)findViewById(R.id.b3)).setEnabled(false);
        }
    }
}

package com.test.forequiz;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    String[] QUIZ = {"アリ","ネズミ","ゴリラ","クジラ"};  // 問題
    int tap = 0;                             // 現在の正解数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 出題(シャッフル)//////////////////////////
        List<String> list = Arrays.asList(QUIZ.clone());
        Collections.shuffle(list);
        ((Button)findViewById(R.id.b0)).setText(list.get(0));
        ((Button)findViewById(R.id.b1)).setText(list.get(1));
        ((Button)findViewById(R.id.b2)).setText(list.get(2));
        ((Button)findViewById(R.id.b3)).setText(list.get(3));
    }

    // ボタンチェック  /////////////////////////
    public void onButton( View v){
        // タップされたボタンの文字を取得
        String text =  ((Button)v).getText().toString();

        // 正解処理 ( 問題と比較 )
        if( text.equals(QUIZ[tap])){

            v.setEnabled(false);    // ボタンをクリック不可
            tap++;                  // 正解数UP
            ((TextView)findViewById(R.id.tv)).setText( tap+"問正解!!");  // 正解表示

            // 全問正解の処理
            if(tap >= 4){
                ((TextView)findViewById(R.id.tv)).setText("ゲームクリア");
            }
        }
        // 不正解処理
        else {
            ((TextView)findViewById(R.id.tv)).setText("ゲームオーバー");
            ((Button)findViewById(R.id.b0)).setEnabled(false);
            ((Button)findViewById(R.id.b1)).setEnabled(false);
            ((Button)findViewById(R.id.b2)).setEnabled(false);
            ((Button)findViewById(R.id.b3)).setEnabled(false);
        }
    }
}
15分で作る?【 動画の再生 】~選択再生~

15分で作る?【 動画の再生 】~選択再生~

Android 開発【動画の再生】 選択再生768

一覧から選んで動画を再生します。

今回は「画面の切り替え」を行います。
ActivityとIntentを理解していると簡単な動画ですが、初心者の方はほぼ理解不可能な動画です。
「ご自身のPCで再現」「ActivityとIntentの予習」として御覧ください。

初心者 :ご自身のPCで再現できるが、詳細は意味不明、アレンジも厳しい。
中級者 :再現と「なんとなく」理解可能。アレンジは厳しい。
経験者 :ActivityとIntentを理解してれば、ソースを見るだけで理解可能。

動画の再生【画面構成】

学習に使用する素材です。
ご自身で用意する場合はファイル名や拡張し、ファイルサイズにご注意ください。
初心者の方はサンプルを使用することを強くおすすめします。

ImageButton ニワトリ
iv0
ImageButton 犬
iv1
ImageButton 猫
iv2

※ 写真素材は【 写真素材ぱくたそ 】様からお借りしています。

サンプル動画 【ミニカー】

サンプル動画 【シャカシャカ】

サンプル動画 【ひよこ】

* 注意点:動画の形式によって再生できないものがありました。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name MyVideo
Company Domain test.com
Package name com.test.myvideo

Android 開発【動画プレーヤー】プロジェクト名

以下のファイル構成になります。
フォルダ名やファイル名を変更するとエラーになります。

ファイル構成2

一覧画面を完成させます。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:src="@drawable/iv0"
        android:onClick="iv0"
        android:layout_weight="1"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:src="@drawable/iv1"
        android:onClick="iv1"
        android:layout_weight="1"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:src="@drawable/iv2"
        android:onClick="iv2"
        android:layout_weight="1"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

一覧画面のプログラムを作成します。

package com.test.myvideo;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    // ボタンクリック
    public void iv0(View v) {

        // 画面移行の準備
        Intent intent = new Intent(this, Main2Activity.class);
        // 移行後に再生する動画を指定
        intent.putExtra("mp4", R.raw.video0);
        // 画面移行スタート
        startActivity(intent);
    }

    public void iv1(View v) {
        Intent intent = new Intent(this, Main2Activity.class);
        intent.putExtra("mp4", R.raw.video1);
        startActivity(intent);
    }

    public void iv2(View v) {
        Intent intent = new Intent(this, Main2Activity.class);
        intent.putExtra("mp4", R.raw.video2);
        startActivity(intent);
    }

}
<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity">

    <VideoView
        android:id="@+id/v"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>
package com.test.myvideo;

import android.content.Intent;
import android.net.Uri;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;

public class Main2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        // 元の画面で指定した動画を取得
        Intent intent = getIntent();
        int mp4 = intent.getIntExtra("mp4",R.raw.video1);

        // ID取得
        VideoView v = (VideoView)findViewById(R.id.v);

        // 動画の指定
        v.setVideoURI(Uri.parse("android.resource://" + this.getPackageName() + "/" + mp4));

        // 再生スタート
        v.start();

        // コントローラNO(動画をタップするとメニュー表示)
        v.setMediaController(new MediaController(this));
    }
}


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.test.myvideo" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme" >
        <activity android:name=".MainActivity" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".Main2Activity" >
        </activity>
    </application>

</manifest>