安卓项目五子棋代码详解(五)
这一期给大家带来我自己添加的功能,最近还搞了个播放背景音乐和下棋音效,与这个一起讲了
开笔之前,忽然响起还有一个保存游戏没讲,真是失误。
保存游戏呢,就是将当前棋子的位置都保存下来,我们可以设想一个情景,玩家玩着游戏的时候,忽然一个电话过来,就会跳转到打电话的界面,或者一条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()方法
@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相关,我整理了一下,请点击
讲完音效,到背景音乐了。
这背景音乐我其实找了好久的资料,但是总是实现不了,最后发现了问题,网上找的都是用对象new的一个对象,不知道为什么用不了,我的是直接声明才可以使用的,不太懂前面为什么不能用,找到了答案再补上吧
写在尾声:
五子棋作为android开发的简单项目,特别适合新手入门,还可以在五子棋中添加自己能够想象到功能,既可以学习,又可以从中得到乐趣。
我的五子棋还没有实现蓝牙对战,自创热点对战,AI对战,还有悔棋的功能,所以,我这系列还是没有结束的~~O(∩_∩)O哈哈~
最近因为学习侧滑菜单,eclipse上搞个Android5.0的SDK搞了半天都是不行的,所以转到了Android Studio平台,这环境也是搞了两天,真是累,不过可以用了,慢慢习惯Android Studio
感觉我的方法都是写在了Panel类中,有些影响可读性,之后有时间得优化一些项目,当然,用的是Android Studio