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; } }