15分で作る（？） たまごアプリ

プログラミング未経験者対象の【 Androidアプリ作成動画 】です。
この動画はアプリの画面作成の流れを動画にしてUPしたもで、あまり丁寧に解説してません。
未経験者の方が参考にしてもらえると幸いです。

 
難易度　：★★★☆☆ （ 未経験者にもあるていど理解、再現できるレベル ）
 

画面に表示されるたまごをクリックすると、たまごにヒビが入り、たまごからヒヨコがうまれるアプリです。
このアプリはヒヨコが生まれるだけですが、クリックの仕方で別の動物が生まれたり、スピードを競うなど、ゲーム性を持たせることができます。

• 新規アプリケーション作成
• 画像の準備
• レイアウト作成　（ たまごの表示率を設定 ）
• クリック処理
• カウントダウン （ 条件分析 ）
• アニメーション処理

【 レイアウトファイル 】

rev > layout > fragment_main.xml

<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:id=”@+id/LinearLayout1″
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:background=”@drawable/back”
android:gravity=”center_vertical|center_horizontal”
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”
android:weightSum=”1″
tools:context=”com.example.eggtap3.MainActivity$PlaceholderFragment” >

<ImageView

android:id=”@+id/imageView1″
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_weight=”0.3″
android:onClick=”onEgg”
android:src=”@drawable/egg0″ />

</LinearLayout>

---

【 アニメーションリソース 】

rev > anim > tap.xml

<?xml version=”1.0″ encoding=”utf-8″?>
<set xmlns:android=”http://schemas.android.com/apk/res/android” >

<rotate
android:duration=”30″
android:toDegrees=”20″
android:pivotX=”50%”
android:pivotY=”50%” >
</rotate>

</set>

---

 

【 Javaファイル 】

MainActivity.java

package com.example.eggtap3;

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
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.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.os.Build;

public class MainActivity extends ActionBarActivity {

// 卵が割れる数
int eggCount =30;

public void onEgg( View v){

// 画像のリモコン
ImageView iv = (ImageView)findViewById(R.id.imageView1);

// カウントダウン
eggCount–;

// 画像を変える+条件分析
if( eggCount<20) iv.setImageResource(R.drawable.egg1);
if( eggCount<10) iv.setImageResource(R.drawable.egg2);
if( eggCount<5) iv.setImageResource(R.drawable.egg3);
if( eggCount<0) iv.setImageResource(R.drawable.egg4);

// アニメーション処理
iv.startAnimation(AnimationUtils.loadAnimation(this, R.anim.tap));

}

@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

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

}

～ 以下略 ～

}