15分で作る(?) 占いアプリ

プログラミング未経験者対象の【 Androidアプリ作成動画 】です。

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

 

YouTube_動物占いアプリ

 

【 動画紹介 】

シンプルな動物占いアプリです。
ボタンをクリックすることで、画像とテキスト(文字)をランダムに表示します。

15分での作成と解説を目指しましたが、大幅に時間オーバーしました。(m_m)

説明付きはきついですね・・・
解説は入れていますが、この動画だけでの「アプリ作成の理解」を前提をしていません。
あくまでも、他の動画や市販テキストを合わせての学習が前提です。

完成ソース XMLS

<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: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”
tools:context=”.MainActivity” >

<ImageView

android:id=”@+id/imageView1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_weight=”2″
android:src=”@drawable/title” />

<TextView

android:id=”@+id/textView1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_weight=”1″
android:gravity=”center_vertical|center_horizontal”
android:text=”あなたのタイプは?”
android:textSize=”25sp” />

<Button

android:id=”@+id/button1″
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:layout_weight=”1″
android:onClick=”onButton”
android:text=”占う!”
android:textSize=”25sp” />

</LinearLayout>

完成ソース Java

package com.example.test0421;

import java.util.Random;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends Activity {

@Override

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

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);

return true;

}

// クリック処理
public void onButton(View v){

// ①リモコン作成
ImageView iv =(ImageView)findViewById(R.id.imageView1);
TextView tv =(TextView)findViewById(R.id.textView1);

// ②表示内容の決定
// 乱数(0~3数字をランダム)
int r = new Random().nextInt(4);

// 配列(0~3の並んだデータ)
int[] imageId = {

R.drawable.bird,
R.drawable.cat,
R.drawable.monkey,
R.drawable.slime,

};
String[] strings = {

“あなたはトリです!”,
“あなたはネコですよ!”,
“あなたはサルでした!”,
“あなたはスライムだ!!!”,

};

// ③表示の反映
iv.setImageResource(imageId[r]);
tv.setText(strings[r]);

}

}