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">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#008577"
        android:gravity="center"
        android:text="首页"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg"
        android:gravity="center_vertical">
        <ImageView
            android:id="@+id/iv_monkey"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/monkey" />
        <Button
            android: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" />
        <ImageView
            android: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" />
        <TextView
            android: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">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#008577"
        android:gravity="center"
        android:text="首页"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg"
        android:gravity="center_vertical">
        <ImageView
            android:id="@+id/iv_monkey"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/monkey" />
        <Button
            android: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" />
        <ImageView
            android: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" />
        <TextView
            android: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;
    @Override
    protected 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);
    }

    @Override
    public void onClick(View v) {
        Intent intent =new Intent(MainActivity.this,peachActivity.class);
        startActivityForResult(intent,1);
    }

    @Override
    protected 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;
    @Override
    protected 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);
    }

    @Override
    public 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();
    }
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode==KeyEvent.KEYCODE_BACK && event.getRepeatCount()==0){
            //调用数据回传方法
            returnData();
        }
        return false;
    }
}