安卓项目五子棋代码详解（五）

 

 

这一期给大家带来我自己添加的功能，最近还搞了个播放背景音乐和下棋音效，与这个一起讲了

 开笔之前，忽然响起还有一个保存游戏没讲，真是失误。

保存游戏呢，就是将当前棋子的位置都保存下来，我们可以设想一个情景，玩家玩着游戏的时候，忽然一个电话过来，就会跳转到打电话的界面，或者一条QQ消息要处理，玩家跳转到了QQ的界面处理消息，待他处理完之后，就会返回游戏，如果我们没有设置保存游戏的这个方法的话，那么玩家再次进入的时候就是跟开始的一样，这样的体验非常糟糕，所以保存游戏这个方法是必须要有的。

 

首先在Panel类中声明四个静态变量

 

private static final String INSTANCE = "instance";
private static final String INSTANCE_GAME_OVER = "instance_game_over" ;//游戏状态
private static final String INSTANCE_WHITE_ARRAY = "instance_white_array";//白棋坐标
private static final String INSTANCE_BLACK_ARRAY = "instance_black_array";//黑棋坐标

之后，复写onSaveInstanceState()和onRestoreInstanceState()这两个方法

 

@Override
protected Parcelable onSaveInstanceState() {//存储当前下棋状态
Bundle bundle = new Bundle();
bundle.putParcelable(INSTANCE, super.onSaveInstanceState());
bundle.putBoolean(INSTANCE_GAME_OVER, IsGameOver);
bundle.putParcelableArrayList(INSTANCE_WHITE_ARRAY, Whitearray);
bundle.putParcelableArrayList(INSTANCE_BLACK_ARRAY, Blackarray);
return bundle;
}

@Override
protected void onRestoreInstanceState(Parcelable state) {//恢复下棋状态
if(state instanceof Bundle){
Bundle bundle = (Bundle) state;
IsGameOver = bundle.getBoolean(INSTANCE_GAME_OVER);
Whitearray = bundle.getParcelable(INSTANCE_WHITE_ARRAY);
Blackarray = bundle.getParcelable(INSTANCE_BLACK_ARRAY);
super.onRestoreInstanceState(bundle.getParcelable(INSTANCE));
return;
}

这里简单的解释一下，当用户跳转到其他的界面的时候，onSaveInstanceState()这个方法就会执行，将当前游戏状态，白棋坐标与黑棋坐标储存，返回bundle，这个bundle我个人理解成一个钥匙或者是令牌，用户回到游戏，判断语句判断是否有钥匙或令牌，若有，就开门，恢复已储存的东西

 

 

 

 接下来就是关于界面及相关功能的介绍详细讲解
，给大家上张图片

首先，我们要定义一个xml界面，如图，可以知道有着七个控件

 

 

xml代码如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"

android:background="@drawable/bsd"
tools:context=".MainActivity" >

<com.wan.wuziqi.Panel
android:id="@+id/wuziqi"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
a
ff0c
ndroid:visibility="gone"
/>

<Button
android:id="@+id/gamestart"
android:layout_width="120dp"
android:layout_height="60dp"
android:background="@drawable/bgcolor"
android:visibility="visible"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="131dp"
android:text="@string/gamestart" />

<Button
android:id="@+id/changebackground"
android:visibility="visible"
android:layout_width="120dp"
android:layout_height="60dp"
android:layout_alignLeft="@+id/gamestart"
android:layout_below="@+id/gamestart"
android:layout_marginTop="14dp"
android:background="@drawable/bgcolor"
android:text="@string/changebackground" />

<Button
android:id="@+id/about"
android:visibility="visible"
android:layout_width="120dp"
android:layout_height="60dp"
android:layout_alignLeft="@+id/quit"
android:layout_below="@+id/quit"
android:layout_marginTop="14dp"
android:background="@drawable/bgcolor"
android:text="@string/about" />

<Button
android:id="@+id/quit"
android:visibility="visible"
android:layout_width="120dp"
android:layout_height="60dp"
android:layout_alignLeft="@+id/changebackground"
android:layout_below="@+id/changebackground"
android:layout_marginTop="16dp"
android:background="@drawable/bgcolor"
android:text="@string/quit" />

<ImageView
android:id="@+id/title"
android:layout_width="200dp"
android:layout_height="80dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:src="@drawable/title"
android:visibility="visible" />

<Button
android:id="@+id/luozisound"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:background="@drawable/yx1"
/>

<Button
android:id="@+id/bgmsound"
android:layout_width="25dp"
android:layout_height="25dp"
android:layout_alignBottom="@+id/luozisound"
android:layout_toRightOf="@+id/luozisound"
android:background="@drawable/bgm1"
/>

</RelativeLayout>

 

标题上的污子棋是一个ImageView，其余的都是button按钮

背景直接在relativeLayout中设置背景就好，其余的也是简简单单的设置一下图片，位置的话直接用拖动就好，所见即所得，这倒是很方便。

值得一提的是，button中我用的背景是圆角矩形，上面的文字都是调用string中的字符，写在string中也是方便管理，左上角的两个button是我用来实现控制背景音乐和音效的控制开关，点击就是关闭

接下来就是到java代码部分了

 

 

在MainActiviity 的onCreate()方法上方声明变量

 

Panel p;
Button gamestart,changebackground,quit,about,bgmsound,luozisound;
View imageview;
RelativeLayout relativelayout;//更换背景需要调用此对象
    private MediaPlayer bgmsoundPlayer;//背景音乐对象
int i=0;

之后，在onCreate()方法之中使用findViewbyID()方法

 

　　　　　　　　　　p = (Panel)findViewById(R.id.wuziqi);

gamestart = (Button)findViewById(R.id.gamestart);
changebackground = (Button)findViewById(R.id.changebackground);
quit = (Button)findViewById(R.id.quit);
about = (Button)findViewById(R.id.about);
imageview = (View)findViewById(R.id.title);
bgmsound = (Button)findViewById(R.id.bgmsound);
luozisound = (Button)findViewById(R.id.luozisound);

relativelayout = (RelativeLayout)findViewById(R.id.main);

 之后，初始化背景音乐的文件

 

bgmsoundPlayer = MediaPlayer.create(this, R.raw.bgm);//加载背景音乐文件资源，准备状态，start()方法才可以成功播放

bgmsoundPlayer.setLooping(true);//设置循环播放
bgmsoundPlayer.start();

背景音乐文件放在res/raw的文件夹中，若没有可以新建一个

在之后，就是为button按钮绑定监听器，重写onClick()事件方法

ButtonListener buttonlistener = new ButtonListener();

gamestart.setOnClickListener(buttonlistener);
changebackground.setOnClickListener(buttonlistener);
quit.setOnClickListener(buttonlistener);
about.setOnClickListener(buttonlistener);
bgmsound.setOnClickListener(buttonlistener);
luozisound.setOnClickListener(buttonlistener);

class ButtonListener implements OnClickListener{

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.gamestart:
conceal();
p.setVisibility(View.VISIBLE);
break;

case R.id.changebackground:

changebackground();
break;
case R.id.quit:
quit();

break;
case R.id.about:
AlertDialog.Builder builder1 = new AlertDialog.Builder(MainActivity.this);//参数里面注意！！！
builder1.setTitle("关于");
builder1.setMessage("作者：柯兴新一\n说明：本软件纯属娱乐，勿作商业用途！！");
builder1.setPositiveButton("确定", new DialogInterface.OnClickListener() {

@Override
public void onClick(DialogInterface arg0, int arg1) {
arg0.cancel();
}});

builder1.create().show();
break;
case R.id.luozisound:

luoziButtonChange(p.luozisoundOn);
p.luozisoundOn = !p.luozisoundOn;

case R.id.bgmsound:

bgmButtonChange(p.bgmsoundOn);
p.bgmsoundOn = !p.bgmsoundOn;

default:
break;
}

}

这里使用了switch语句，调用View里的getId()方法获得当前触摸控件的ID，之后由case语句为不同ID分配不同的方法

这里首先要说明的是，除了左上角的那两个button按钮不用隐藏，其余的都应该是点击一下之后便是隐藏起来，由于代码相同，为了使代码简洁，我就把设置button按钮隐藏的代码写进了conceal()方法之中

 

private void conceal(){
imageview.setVisibility(View.INVISIBLE);
gamestart.setVisibility(View.INVISIBLE);
changebackground.setVisibility(View.INVISIBLE);
quit.setVisibility(View.INVISIBLE);
about.setVisibility(View.INVISIBLE);
}

改变背景的方法

private void changebackground(){

switch (i){
case 0:
relativelayout.setBackgroundResource(R.drawable.bsd2);
i++;
break;
case 1:
relativelayout.setBackgroundResource(R.drawable.bsd3);
i++;
break;
case 2:
relativelayout.setBackgroundResource(R.drawable.bsd4);
i++;
break;
case 3:
relativelayout.setBackgroundResource(R.drawable.bsd5);
i++;
break;
case 4:
relativelayout.setBackgroundResource(R.drawable.bsd6);
i++;
break;
case 5:
relativelayout.setBackgroundResource(R.drawable.bsd7);
i++;
break;
case 6:
relativelayout.setBackgroundResource(R.drawable.bsd8);
i++;
break;
case 7:
relativelayout.setBackgroundResource(R.drawable.bsd);
i=0;
break;
}
}

}

这里说明一下，在之前的声明有声明了一个int型的变量i，它的目的就是用在改变背景的这里，就相当于一个定时器，还是由switch()语句，由i的值改变从而换成不同的背景，当然，若果你想的话，这里还可以弄成一个随机更换背景图片的，在case 末尾给i 随机赋值就可以达到随机的更换背景图片的效果了，具体的请各位自己去尝试。

quit()方法

 

private void quit(){
AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);//参数里面注意！！！
builder.setMessage("是否退出？");
builder.setPositiveButton("是", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.cancel();
onDestroy();
}
}).setNegativeButton("否", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.cancel();
}
});
builder.create().show();

}

点击退出游戏按钮时，会弹出一个对话框，由用户选择是否退出

 

第一行代码一直搞了半天，发现是里面参数的问题，所以一定要注意参数

 

builder.setPositiveButton("是",新建监听器).setNegativeButton("否", 新建监听器);

 

positive是消极的，negative是积极的，不过这两个按钮监听器里的onClick事件不分消极还是积极的

 

quit()里的onDestroy()方法

@Override
protected void onDestroy() {
super.onDestroy();
System.exit(0);
}
}

System.exit(0)为完全退出

 

 

关于背景音乐和音效，我还设置了点击变色的功能

 

我定义了两个方法，luoziButtonChange()和bgmButtonChange()方法，参数里面传入一个boolean值

 

PS：bgmsoundOn和luozisoundOn这两个是在Panel类中定义的boolean值，默认是true

点击之后就会进行逻辑计算，由！逻辑运算符转换数值

 

private void luoziButtonChange(boolean a){
if(a){
luozisound.setBackgroundResource(R.drawable.yx2);

}else{
luozisound.setBackgroundResource(R.drawable.yx1);

}
}
private void bgmButtonChange(boolean a){
if(a){
bgmsound.setBackgroundResource(R.drawable.bgm2);
bgmsoundPlayer.stop();
}else{
bgmsound.setBackgroundResource(R.drawable.bgm1);
try {
bgmsoundPlayer.prepare();//停止之后需要进入准备状态，下一次start()方法才可以成功播放
} catch (IllegalStateException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
bgmsoundPlayer.start();
}
}

改变图片调用setBackgroundResource()方法，音效使用的是soundpool，还有个play()方法用来播放声音，每画一个棋子，就播放一次声音，所以我将play()方法放在了Panel类中的画棋子方法中了

 

luozisoundCheck()方法

public void luozisoundCheck(){
if(luozisoundOn){
luozisound.play(1,1, 1, 0, 0, 1);
}else{
luozisound.stop(1);
}

}

if语句判断luozisoundOn的值是否为true，为true执行播放，为fasle停止播放

关于soundpool相关，我整理了一下，请点击

Android开发之SoundPool使用详解

 

讲完音效，到背景音乐了。

这背景音乐我其实找了好久的资料，但是总是实现不了，最后发现了问题，网上找的都是用对象new的一个对象，不知道为什么用不了，我的是直接声明才可以使用的，不太懂前面为什么不能用，找到了答案再补上吧

 

 写在尾声：

五子棋作为android开发的简单项目，特别适合新手入门，还可以在五子棋中添加自己能够想象到功能，既可以学习，又可以从中得到乐趣。

我的五子棋还没有实现蓝牙对战，自创热点对战，AI对战，还有悔棋的功能，所以，我这系列还是没有结束的~~O(∩_∩)O哈哈~

最近因为学习侧滑菜单，eclipse上搞个Android5.0的SDK搞了半天都是不行的，所以转到了Android Studio平台，这环境也是搞了两天，真是累，不过可以用了，慢慢习惯Android Studio

感觉我的方法都是写在了Panel类中，有些影响可读性，之后有时间得优化一些项目，当然，用的是Android Studio