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

 

 

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

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

保存游戏呢，就是将当前棋子的位置都保存下来，我们可以设想一个情景，玩家玩着游戏的时候，忽然一个电话过来，就会跳转到打电话的界面，或者一条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"        android: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()方法

@Overrideprotected 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