Android实践开发制作小猴子摘桃小游戏

Android实践制作小猴子摘桃小游戏

实践素材项目源文件获取：Android可能存在版本差异项目如果不能正确运行，可以使用里面的素材自己构建项目Android实践制作小猴子摘桃小游戏Android实践制作小猴子摘桃小游戏https://mp.weixin.qq.com/s/jNU_hVfj9xklsilEubBtdQ

一、实验目的

1.熟练掌握Activity的创建、配置、启动和关闭；

2.掌握Activity之间的跳转；

3.掌握Activity之间的数据传递。

二、实验内容

为了更好地掌握Activity之间的数据回传知识，本小节我们将通过一个小猴子摘桃的案例来演示Activity之间是如何进行数据回传。

三、仪器设备

1.实验环境：Android Studio开发工具。

2.设备：计算机。

四、实验步骤

（一）搭建首页界面布局

在小猴子摘桃的程序中显示2个界面，分别是首页界面和桃园界面，此处我们先搭建首页界面。首页界面主要用于展示小猴子图片、“去桃园”按钮、桃子图片和一共摘到的桃子个数。搭建首页界面布局的具体步骤如下所示。

（1）创建程序

创建一个名为PickPeach的应用程序，指定包名为cn.itcast.pickpeach。

（2）导人界面图片

将首页界面所需要的图片bg.png、monkey.png、bin_peach.png、peach_pic.png导人程序中创建的drawable-hdpi文件夹中。

（3）放置界面控件

在actvity_main.xml布局文件中，放置2个TextView控件分别用于显示界面标题与摘到的桃子个数；放置2个ImageView控件分别用于显示小猴子图片和桃子图片；放置1个Button控件用于显示“去桃园”按钮。

(4)去掉默认标题栏

由于程序创建后界面上会有一个默认的标题栏，该标题栏不够美观，所以需要在AndroidManifest.xml文件的<application>标签中修改teme属性的值为“@style/Theme.AppCompat.NoActionBar”，去掉默认标题栏。

（二）搭建桃园界面布局

点击首页界面中的“去桃园”按钮，程序会跳转到桃园界面，该界面主要用于展示一棵桃树、桃树上结的6个桃子和“退出桃园”按钮。搭建桃园界面布局的具体步骤如下所示。

（1）创建桃园界面

在cn.itcast.pickpeach包中创建一个PeachActivity，并将布局文件名指定为activity_peach。

（2）导人界面图片

将桃园界面所需要的图片tree_bg.png与tree.png导入程序的drawable-hdpi文件夹中。

（3）放置界面控件

在activity_peach.xml布局文件中，放置1个TextView控件用于显示界面标题；放置7个Button控件分别用于显示桃树上结的6个桃子与“退出桃园”按钮。

（三）实现小猴子摘桃的功能

当进入小猴子摘桃的程序时，首先会显示首页界面，该界面主要用于显示小猴子摘到的桃子个数。点击首页界面中的“去桃园”按钮，程序会跳转到桃园界面。在该界面显示一棵桃树，树上结了6个桃子，每点击一个桃子，程序就会通过Toast类提示用户摘到一个桃子，并且被点击的桃子会被隐藏掉，摘到的桃子个数会加1。当点击桃园界面的“退出桃园”按钮或设备上的返回键时，程序会调用 setResult()方法将摘到的桃子个数回传到首页界面并进行显示。实现小猴子摘桃功能的具体步骤如下所示：

（1）实现首页界面的显示效果

由于首页界面需要显示摘到的桃子个数与实现“去桃园”按钮的点击事件，所以需要在MainActivity中创建一个imit()方法用于获取界面控件并实现“去桃园”按钮的点击事件，同时还需要重写onActivityResult()方法，该方法用于获取桃园界面回传过来的桃子个数。

（2）实现桃园界面的摘桃效果

由于桃园界面需要实现6个桃子与1个“退出桃园”按钮的点击事件，所以需要用PeachActivity实现OnClickListener接口，并重写onClick()方法，在该方法中实现界面上7个按钮的点击事件。

（四）运行程序

实验知识：

Activity之间进行数据回传时包含3个方法，分别是startActivityForResult()方法、setResult()方法和onActivityResult()方法。

（1） startActivityForResult()方法

用于开启一个Activity，当开启的Activity销毁时，会从销毁的Activity中返回数据。

（2）setResult() 方法

用于携带数据进行回传，该方法的语法格式如下：

（3）onActivityResult()方法

用于接收回传的数据，该方法的语法格式如下：

程序会根据传递的参数requestCode与resultCode来识别数据的来源。

本次实践内容相对简单易操作适合新手，如果实验中有什么问题也可以留言。

注意：创建peachActivity.java文件时安装这样的步骤，省去在清单配置文件配置的麻烦。同时自动生成activity_peach.xml文件

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="50dp"android:background="#008577"android:gravity="center"android:text="首页"android:textColor="@android:color/white"android:textSize="20sp" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg"android:gravity="center_vertical"><ImageViewandroid:id="@+id/iv_monkey"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/monkey" /><Buttonandroid:id="@+id/btn_peach"android:layout_width="80dp"android:layout_height="30dp"android:layout_marginLeft="30dp"android:layout_marginTop="20dp"android:layout_toRightOf="@id/iv_monkey"android:background="@drawable/btn_peach"android:text="去桃园"android:textColor="@android:color/black" /><ImageViewandroid:id="@+id/iv_peach"android:layout_width="45dp"android:layout_height="35dp"android:layout_centerHorizontal="true"android:layout_marginTop="80dp"android:src="@drawable/peach_pic" /><TextViewandroid:id="@+id/tv_count"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="85dp"android:layout_toRightOf="@id/iv_peach"android:text="摘到0个"android:textColor="@android:color/black"android:textSize="16sp" /></RelativeLayout>
</LinearLayout>

activity_peach.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="50dp"android:background="#008577"android:gravity="center"android:text="首页"android:textColor="@android:color/white"android:textSize="20sp" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg"android:gravity="center_vertical"><ImageViewandroid:id="@+id/iv_monkey"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/monkey" /><Buttonandroid:id="@+id/btn_peach"android:layout_width="80dp"android:layout_height="30dp"android:layout_marginLeft="30dp"android:layout_marginTop="20dp"android:layout_toRightOf="@id/iv_monkey"android:background="@drawable/btn_peach"android:text="去桃园"android:textColor="@android:color/black" /><ImageViewandroid:id="@+id/iv_peach"android:layout_width="45dp"android:layout_height="35dp"android:layout_centerHorizontal="true"android:layout_marginTop="80dp"android:src="@drawable/peach_pic" /><TextViewandroid:id="@+id/tv_count"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="85dp"android:layout_toRightOf="@id/iv_peach"android:text="摘到0个"android:textColor="@android:color/black"android:textSize="16sp" /></RelativeLayout>
</LinearLayout>

MainActivity.java

package com.example.ssjun.experiment4;import android.content.Intent;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;public class MainActivity extends AppCompatActivity implements View.OnClickListener {private Button btu_peach;private TextView tv_count;private  int totalCount=0;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);init();}private void  init() {btu_peach =findViewById(R.id.btn_peach);tv_count=findViewById(R.id.tv_count);btu_peach.setOnClickListener(this);}@Overridepublic void onClick(View v) {Intent intent =new Intent(MainActivity.this,peachActivity.class);startActivityForResult(intent,1);}@Overrideprotected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {super.onActivityResult(requestCode, resultCode, data);//获取回传的数据if(requestCode==1&&resultCode==1){int count=data.getIntExtra("count",0);totalCount=totalCount+count;//接受数量tv_count.setText("摘到"+totalCount+"个");}}
}

peachActivity.java

package com.example.ssjun.experiment4;import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;public class peachActivity extends AppCompatActivity implements View.OnClickListener {private Button btn_1,btn_2,btn_3,btn_4,btn_5,btn_6,btn_exit;private int count=0;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_peach);btn_1=findViewById(R.id.btn_one);btn_2=findViewById(R.id.btn_two);btn_3=findViewById(R.id.btn_three);btn_4=findViewById(R.id.btn_four);btn_5=findViewById(R.id.btn_five);btn_6=findViewById(R.id.btn_six);btn_exit=findViewById(R.id.btn_exit);btn_1.setOnClickListener(this);btn_2.setOnClickListener(this);btn_3.setOnClickListener(this);btn_4.setOnClickListener(this);btn_5.setOnClickListener(this);btn_6.setOnClickListener(this);btn_exit.setOnClickListener(this);}@Overridepublic void onClick(View v) {switch (v.getId()){case R.id.btn_one:info(btn_1);break;case R.id.btn_two:info(btn_2);break;case R.id.btn_three:info(btn_3);break;case R.id.btn_four:info(btn_4);break;case R.id.btn_five:info(btn_5);break;case R.id.btn_six:info(btn_6);break;case R.id.btn_exit:returnData();break;}}//设置按钮的点击事件处理private void info(Button btn){count++;btn.setVisibility(View.INVISIBLE);Toast.makeText(peachActivity.this, "摘到"+count+"个桃子", Toast.LENGTH_SHORT).show();}private void returnData(){Intent intent =new Intent();intent.putExtra("count",count);setResult(1,intent);peachActivity.this.finish();}@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if(keyCode==KeyEvent.KEYCODE_BACK && event.getRepeatCount()==0){//调用数据回传方法returnData();}return false;}
}