Android:关灯游戏简单闯关

Demo地址:http://download.csdn.net/detail/yyn_12138/9673802

今天来实现一下5*5的关灯游戏, 其中内置一个不可以点击的石头来增加一下闯关难度

先来铺一下布局的代码, 让大家先对其有个直观的认识

<?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:id="@+id/close_light_ll"
android:orientation="vertical">

<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/close_light_count"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textColor="#000"
android:layout_weight="1"
android:textSize="20sp"
android:text="时间:0"/>
<TextView
android:id="@+id/close_light_level"
android:layout_width="0dp"
android:layout_weight="1"
android:gravity="center_horizontal"
android:textColor="#000"
android:layout_height="wrap_content"
android:text="等级"
android:textSize="20sp"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<Button
android:id="@+id/button_1"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="1" />

<Button
android:id="@+id/button_2"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="2" />

<Button
android:id="@+id/button_3"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="3" />

<Button
android:id="@+id/button_4"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="4" />

<Button
android:id="@+id/button_5"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="5" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<Button
android:id="@+id/button_6"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="6" />

<Button
android:id="@+id/button_7"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="7" />

<Button
android:id="@+id/button_8"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="8" />

<Button
android:id="@+id/button_9"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="9" />

<Button
android:id="@+id/button_10"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="10" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<Button
android:id="@+id/button_11"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="11" />

<Button
android:id="@+id/button_12"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="12" />

<Button
android:id="@+id/button_13"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="13" />

<Button
android:id="@+id/button_14"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="14" />

<Button
android:id="@+id/button_15"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="15" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<Button
android:id="@+id/button_16"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="16" />

<Button
android:id="@+id/button_17"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="17" />

<Button
android:id="@+id/button_18"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="18" />

<Button
android:id="@+id/button_19"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="19" />

<Button
android:id="@+id/button_20"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="20" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<Button
android:id="@+id/button_21"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="21" />

<Button
android:id="@+id/button_22"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="22" />

<Button
android:id="@+id/button_23"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="23" />

<Button
android:id="@+id/button_24"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="24" />

<Button
android:id="@+id/button_25"
style="@style/button"
android:background="@android:color/holo_green_light"
android:tag="25" />

</LinearLayout>
</LinearLayout>
</LinearLayout>

</pre><pre name="code" class="java"><pre name="code" class="java"><style name="button">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">60dp</item>
<item name="android:layout_weight">1</item>
<item name="android:layout_margin">5dp</item>
<item name="android:onClick">buttonClick</item>
</style>

首先, 关灯游戏是点击一个点, 其上下左右四个点都要跟着改变颜色, 但是要注意四个地方, 第一行, 最后一行, 最左边一列, 最右边一列, 比如点击第一个点, 其上和左没有点, 要加以判断, 负责会空指针, 下面给出5*5关灯游戏的四个特殊点的判断

//获取当前背景的颜色
ColorDrawable colorDrawable = (ColorDrawable) v.getBackground();
if (colorDrawable.getColor() == Color.parseColor("#99cc00")) {
v.setBackgroundColor(Color.RED);
count++;
} else {
v.setBackgroundColor(Color.parseColor("#99cc00"));
count--;
}
int index = Integer.parseInt((String) v.getTag());

//上
if (index > 5) {
Button upBtu = arrayList.get(index - 6);
if (index - 6 != stone) {
ColorDrawable upColorDrawable = (ColorDrawable) upBtu.getBackground();
if (upColorDrawable.getColor() == Color.parseColor("#99cc00")) {
upBtu.setBackgroundColor(Color.RED);
count++;
} else {
upBtu.setBackgroundColor(Color.parseColor("#99cc00"));
count--;
}
}
}
//下
if (index < 21) {
Button upBtu = arrayList.get(index + 4);
if (index + 4 != stone) {
ColorDrawable upColorDrawable = (ColorDrawable) upBtu.getBackground();
if (upColorDrawable.getColor() == Color.parseColor("#99cc00")) {
upBtu.setBackgroundColor(Color.RED);
count++;
} else {
upBtu.setB
999f
ackgroundColor(Color.parseColor("#99cc00"));
count--;
}
}
}
//右
if (index % 5 != 0) {
Button upBtu = arrayList.get(index);
if (index != stone) {
ColorDrawable upColorDrawable = (ColorDrawable) upBtu.getBackground();
if (upColorDrawable.getColor() == Color.parseColor("#99cc00")) {
upBtu.setBackgroundColor(Color.RED);
count++;
} else {
upBtu.setBackgroundColor(Color.parseColor("#99cc00"));
count--;
}
}
}
//左
if (index % 5 != 1) {
Button upBtu = arrayList.get(index - 2);
if (index - 2 != stone) {
ColorDrawable upColorDrawable = (ColorDrawable) upBtu.getBackground();
if (upColorDrawable.getColor() == Color.parseColor("#99cc00")) {
upBtu.setBackgroundColor(Color.RED);
count++;
} else {
upBtu.setBackgroundColor(Color.parseColor("#99cc00"));
count--;
}
}
}

下面就是关卡问题了, 如果一关一个activity就会浪费资源浪费, 而且麻烦, 现在可以直接改变这个activity的视图就OK了, 很简单, 跳转自己就可以了, 别忘了传递一个参数, 设置level

Intent intent = new Intent(MainActivity.this, MainActivity.class);
intent.putExtra(KEY_LEVEL, level + 1);
startActivity(intent);
MainActivity.this.finish();

然后根据关卡设置每关起始的亮灯位置

for (int i = 0; i < level; i++) {
int num = new Random().nextInt(24) + 1;
if (num == stone) {

} else {
buttonClick(arrayList.get(num));
}
}

其中要注意, 随机数的生成有一定的几率让随机数相同, 然后导致本关最后没有亮着的灯, 会导致Dialog空指针, 为解决这个问题, 引入一个Boolean, 最后根据亮灯的数量和Boolean综合判断是否弹出Dialog

if (!isCreating && count == 0) {
//显示Dialog
initNormalDialog();
}

计时的问题通过一个线程来实现, 就不写了, 其他小问题如有有疑问请下载demo

希望多多支持!!!