(蒸鱼豉油)
(发胖的肥皂)
第三方登录：最强大脑《数字华容道》游戏Android端的实现详情
游戏效果：
前提摘要：
前两天粘贴出来了地址，不知道大家下载了没有，如果玩的话，是不是发现了几个潜在的问题，如果按完开始键后，不停的点击上一关或者下一关就会出现应用闪退的情况，这种情况是toast的问题，目前已经修复，当然了还有，滑着滑着，有的格子就不见了的问题，这种问题，虽然很少见，但是确实出现过，它是因为滑动的距离过长，本来是走一格，一不小心多走了一格，这就尴尬了，我觉得最大的问题就是滑着不是很灵敏，有时滑不动，这样那样潜在的问题是很多了，毕竟这个简单的游戏，仅仅用了十几个小时开发出来的，问题是在所难免的，大家有兴趣的可以去优化。
灵感源于：
来新公司有一段时间了，由于处于没有需求的状态，只好不停的去学习，去研究一些自己感兴趣的技术，之前没有去开源的东西，自己也正在逐步的整理，逐步的开源，前几天，新的一季最强大脑已经开播了，模式似乎发生了改变，不过具有智慧的游戏还是依旧未变，第一集的数字华容道便是我的灵感，打乱的格子推来推去，紧张的时间下，透露着分秒必争，那么我能不能做一个呢，于是，就开始尝试了起来。
代码存在问题：
毋庸置疑，代码是很烂的，很多都是重复性的代码，自己写的，看的都想吐，我也准备做一个抽取，当然了，大家也可以去优化，也许网上也有很多的实现方式，毕竟思维不一样，实现也不一样也许别人的更加简单，更高级，这个是不能否定的，自己水平有限，也只能这样了。
具体实现：
其实我的实现方式很是简单，自定义一个View,确定View大小后，绘制八个格子，确定八个格子的左上右下，随机给八个格子绘制数据，比如第八个格子绘制的是&1&，那么，随着手势的移动当第八个格子也就是&1&的左上右下和第一个格子的左上右下相等时，那么这个格子的位置是正确的，同理，其它格子也是如此实现，当所有的格子都找到位置后，一一比较都是相等的，那么我们就可以判断，移动成功，那么就可以进入下一关了，如下图。
主要代码（这里只贴出主要实现的代码，全部代码请下载，源码里都有注释）：
* 记录每个格子移动的左上右下
* rect0:空白格子，rect1:第一个格子 &&
* x_t:绘制文字的x坐标
* y_t:绘制文字的y坐标
private int rect0_x_0,rect0_x_1,rect0_y_0,rect0_y_1;//空隙位置
private int rect1_x_0,rect1_x_1,rect1_y_0,rect1_y_1,rect1_x_t,rect1_y_t;
private int rect2_x_0,rect2_x_1,rect2_y_0,rect2_y_1,rect2_x_t,rect2_y_t;
private int rect3_x_0,rect3_x_1,rect3_y_0,rect3_y_1,rect3_x_t,rect3_y_t;
private int rect4_x_0,rect4_x_1,rect4_y_0,rect4_y_1,rect4_x_t,rect4_y_t;
private int rect5_x_0,rect5_x_1,rect5_y_0,rect5_y_1,rect5_x_t,rect5_y_t;
private int rect6_x_0,rect6_x_1,rect6_y_0,rect6_y_1,rect6_x_t,rect6_y_t;
private int rect7_x_0,rect7_x_1,rect7_y_0,rect7_y_1,rect7_x_t,rect7_y_t;
private int rect8_x_0,rect8_x_1,rect8_y_0,rect8_y_1,rect8_x_t,rect8_y_t;
获取View的宽高，及每个格子的宽高：
mWidth=getMeasuredWidth();
mHeight=getMeasuredHeight();
floatX_6=mWidth/6;
floatY_6=mHeight/6;
floatX=mWidth/3;
floatY=mHeight/3;
初始化八个格子和空白格子的位置，这里的padding等于10dp,是边框距离左上右下的距离
* 第一个格子的位置
private void createView_1() {
rect1_x_0=
rect1_x_1=floatX+
rect1_y_0=
rect1_y_1=floatY+
rect1_x_t=(floatX+padding)/2;
rect1_y_t=(floatY+padding)/2;
* 第二个格子的位置
private void createView_2() {
rect2_x_0=padding+floatX;
rect2_x_1=floatX*2+
rect2_y_0=
rect2_y_1=floatY+
rect2_x_t=(floatX*2+padding)-floatX_6;
rect2_y_t=(floatY+padding)/2;
* 第三个格子的位置
private void createView_3() {
rect3_x_0=padding+floatX*2;
rect3_x_1=mWidth-
rect3_y_0=
rect3_y_1=floatY+
rect3_x_t=(mWidth-padding)-floatX_6;
rect3_y_t=(floatY+padding)/2;
* 第四个格子的位置
private void createView_4() {
rect4_x_0=
rect4_x_1=floatX+
rect4_y_0=padding+floatY;
rect4_y_1=floatY*2+
rect4_x_t=(floatX+padding)/2;
rect4_y_t=(floatY*2+padding)-floatY_6;
* 第五个格子的位置
private void createView_5() {
rect5_x_0=padding+floatX;
rect5_x_1=floatX*2+
rect5_y_0=padding+floatY;
rect5_y_1=floatY*2+
rect5_x_t=(floatX*2+padding)-floatX_6;
rect5_y_t=(floatY*2+padding)-floatY_6;
* 第六个格子的位置
private void createView_6(){
rect6_x_0=padding+floatX*2;
rect6_x_1=mWidth-
rect6_y_0=padding+floatY;
rect6_y_1=floatY*2+
rect6_x_t=(mWidth-padding)-floatX_6;
rect6_y_t=(floatY*2+padding)-floatY_6;
* 第七个格子的位置
private void createView_7(){
rect7_x_0=
rect7_x_1=floatX+
rect7_y_0=padding+floatY*2;
rect7_y_1=mHeight-
rect7_x_t=(floatX+padding)/2;
rect7_y_t=(mHeight-padding)-floatY_6;
* 第八个格子的位置
private void createView_8() {
rect8_x_0=padding+floatX;
rect8_x_1=floatX*2+
rect8_y_0=padding+floatY*2;
rect8_y_1=mHeight-
rect8_x_t=(floatX*2+padding)-floatX_6;
rect8_y_t=(mHeight-padding)-floatY_6;
* 每次移动格子，记录空白格子的位置
private void createView_9(int num1,int num2,int num3,int num4) {
Log.i(&createView_9&,num1+&===&+num2+&===&+num3+&===&+num4);
rect0_x_0=num1;
rect0_x_1=num2;
rect0_y_0=num3;
rect0_y_1=num4;
onTouchEvent事件：当手指抬起的时候去移动格子，根据手指抬起的XY坐标和空白格子进行比较，如果条件符合，那么就可以执行下一步，否则不让移动，目的解决乱移动现象，具体移动多少，才可以移动格子，这里我设置的是手指必须移动的距离，必须得大于一格半，MainActivity.isStart是我设置的一个开始暂停按钮。
具体是否移动了哪一格：需要根据按下的XY进行判断，这里我只列出了第一个格，其它格子判断和第一格一样，都是一些重复性的代码。
case MotionEvent.ACTION_UP:
upX= (int) event.getX();
upY= (int) event.getY();
//如果不是大于空白格子，那么就不移动
boolean isScroll=upX&rect0_x_0&&upXrect0_y_0&&upY<rect0_y_1;
if(!isScroll){
//如果移动的距离大于一格半，那么就不移动，必须在一格半之内
if(Math.abs(upX-downX)&floatX+floatX/2||Math.abs(upY-downY)&floatY/2+floatY){
if(!MainActivity.isStart){
listener.toast();
if(downX&rect1_x_0&&downXrect1_y_0&&downY
Log.i(&Scroll2048&,&111111&);
if(Math.abs(upY-downY)&floatY/2&&Math.abs(upX-downX)
//纵向移动
if(upY&downY&&upY&floatY+padding&&upY
//第一行往下
resert_down_1_1();
}else if(upY&downY&&upY&floatY*2+padding&&upY<mheight-padding){
//第二行往下
resert_down_1_2();
}else if(upYfloatY+padding&&upY<floaty*2&#43;padding){
//第三行往上
resert_up_1_1();
}else if(upYpadding&&upY<floaty&#43;padding){
//第二行往上
resert_up_1_2();
}else if(Math.abs(upX-downX)&floatX/2&&Math.abs(upY-downY)
//横向移动
if(upX&downX&&upX&floatX+padding&&upX<floatx*2&#43;padding){
//第一纵行往右滑动
resert_left_1_1();
}else if(upX&downX&&upX&floatX*2+padding&&upX<mwidth-padding){
//第二纵行往右滑动
resert_left_1_2();
}else if(upX<downx&&upxfloatX+padding){
//第三纵行往左滑动
resert_right_1_1();
}else if(upX<downx&&upxpadding){
//第二纵行往左滑动
resert_right_1_2();
}</downx&&upx</downx&&upx</mwidth-padding){</floatx*2&#43;padding){</floaty&#43;padding){</floaty*2&#43;padding){</mheight-padding){</rect0_y_1;
以下是移动后，改变第一格的左上右下，以及空白格子的位置重新确定，你不知道用户会移动到哪一格，所以啊九种情况都需要去考虑。
//第1格第1行向下移动
private void resert_down_1_1(){
if(upX&padding&&upX
createView_9(padding,floatX+padding,padding,floatY+padding);
view_1_4();
}else if(upX&floatX+padding&&upX
createView_9(padding+floatX,floatX*2+padding,padding,floatY+padding);
view_1_5();
}else if(upX&floatX*2+padding&&upX
createView_9(padding+floatX*2,mWidth-padding,padding,floatY+padding);
view_1_6();
//第1格第2行向下移动
private void resert_down_1_2() {
if(upX&padding&&upX
createView_9(padding,floatX+padding,padding+floatY,floatY*2+padding);
view_1_7();
}else if(upX&floatX+padding&&upX
createView_9(padding+floatX,floatX*2+padding,padding+floatY,floatY*2+padding);
view_1_8();
}else if(upX&floatX*2+padding&&upX
createView_9(floatX*2+padding,mWidth-padding,padding+floatY,floatY*2+padding);
view_1_9();
//第1格第3行向上移动
private void resert_up_1_1() {
if(upX&padding&&upX
createView_9(padding,floatX+padding,padding+floatY*2,mHeight-padding);
view_1_4();
}else if(upX&floatX+padding&&upX
createView_9(floatX+padding,floatX*2+padding,padding+floatY*2,mHeight-padding);
view_1_5();
}else if(upX&floatX*2+padding&&upX
createView_9(floatX*2+padding,mWidth-padding,padding+floatY*2,mHeight-padding);
view_1_6();
//第1格第2行向上移动
private void resert_up_1_2() {
if(upX&padding&&upX
createView_9(padding,floatX+padding,padding+floatY,floatY*2+padding);
view_1_1();
}else if(upX&floatX+padding&&upX
createView_9(floatX+padding,floatX*2+padding,padding+floatY,floatY*2+padding);
view_1_2();
}else if(upX&floatX*2+padding&&upX
createView_9(floatX*2+padding,mWidth-padding,padding+floatY,floatY*2+padding);
view_1_3();
//第1格第1竖行向右边移动
private void resert_left_1_1() {
if(upY&padding&&upY<floaty&#43;padding){
createView_9(padding,floatX+padding,padding,floatY+padding);
view_1_2();
}else if(upY&floatY+padding&&upY<floaty*2&#43;padding){
createView_9(padding,floatX+padding,padding+floatY,floatY*2+padding);
view_1_5();
}else if(upY&floatY*2+padding&&upY<mheight-padding){
createView_9(padding,floatX+padding,floatY*2+padding,mHeight-padding);
view_1_8();
//第1格第2竖行向右边移动
private void resert_left_1_2() {
if(upY&padding&&upY<floaty&#43;padding){
createView_9(padding+floatX,floatX*2+padding,padding,floatY+padding);
view_1_3();
}else if(upY&floatY+padding&&upY<floaty*2&#43;padding){
createView_9(padding+floatX,floatX*2+padding,padding+floatY,floatY*2+padding);
view_1_6();
}else if(upY&floatY*2+padding&&upY<mheight-padding){
createView_9(padding+floatX,floatX*2+padding,padding+floatY*2,mHeight-padding);
view_1_9();
//第1格第2竖行向左边移动
private void resert_right_1_2() {
if(upY&padding&&upY<floaty&#43;padding){
createView_9(padding+floatX,floatX*2+padding,padding,floatY+padding);
view_1_1();
}else if(upY&floatY+padding&&upY<floaty*2&#43;padding){
createView_9(padding+floatX,floatX*2+padding,floatY+padding,floatY*2+padding);
view_1_4();
}else if(upY&floatY*2+padding&&upY<mheight-padding){
createView_9(padding+floatX,floatX*2+padding,floatY*2+padding,mHeight-padding);
view_1_7();
//第1格第3竖行向左边移动
private void resert_right_1_1() {
if(upY&padding&&upY<floaty&#43;padding){
createView_9(padding+floatX*2,mWidth-padding,padding,floatY+padding);
view_1_2();
}else if(upY&floatY+padding&&upY<floaty*2&#43;padding){
createView_9(padding+floatX*2,mWidth-padding,floatY+padding,floatY*2+padding);
view_1_5();
}else if(upY&floatY*2+padding&&upY<mheight-padding){
createView_9(padding+floatX*2,mWidth-padding,floatY*2+padding,mHeight-padding);
view_1_8();
//第1格移动到第1格
private void view_1_1(){
rect1_x_0=
rect1_x_1=floatX+
rect1_y_0=
rect1_y_1=floatY+
rect1_x_t=(floatX+padding)/2;
rect1_y_t=(floatY+padding)/2;
//第1格移动到第2格
private void view_1_2(){
rect1_x_0=padding+floatX;
rect1_x_1=floatX*2+
rect1_y_0=
rect1_y_1=floatY+
rect1_x_t=(floatX*2+padding)-floatX_6;
rect1_y_t=(floatY+padding)/2;
//第1格移动到第3格
private void view_1_3(){
rect1_x_0=padding+floatX*2;
rect1_x_1=mWidth-
rect1_y_0=
rect1_y_1=floatY+
rect1_x_t=(mWidth-padding)-floatX_6;
rect1_y_t=(floatY+padding)/2;
//第1格移动到第4格
private void view_1_4(){
rect1_x_0=
rect1_x_1=floatX+
rect1_y_0=padding+floatY;
rect1_y_1=floatY*2+
rect1_x_t=(floatX+padding)/2;
rect1_y_t=(floatY*2+padding)-floatY_6;
//第1格移动到第5格
private void view_1_5(){
rect1_x_0=padding+floatX;
rect1_x_1=floatX*2+
rect1_y_0=padding+floatY;
rect1_y_1=floatY*2+
rect1_x_t=(floatX*2+padding)-floatX_6;
rect1_y_t=(floatY*2+padding)-floatY_6;
//第1格移动到第6格
private void view_1_6(){
rect1_x_0=padding+floatX*2;
rect1_x_1=mWidth-
rect1_y_0=padding+floatY;
rect1_y_1=floatY*2+
rect1_x_t=(mWidth-padding)-floatX_6;
rect1_y_t=(floatY*2+padding)-floatY_6;
//第1格移动到第7格
private void view_1_7(){
rect1_x_0=
rect1_x_1=floatX+
rect1_y_0=padding+floatY*2;
rect1_y_1=mHeight-
rect1_x_t=(floatX+padding)/2;
rect1_y_t=(mHeight-padding)-floatY_6;
//第1格移动到第8格
private void view_1_8(){
rect1_x_0=padding+floatX;
rect1_x_1=floatX*2+
rect1_y_0=padding+floatY*2;
rect1_y_1=mHeight-
rect1_x_t=(floatX*2+padding)-floatX_6;
rect1_y_t=(mHeight-padding)-floatY_6;
//第1格移动到第9格
private void view_1_9(){
rect1_x_0=padding+floatX*2;
rect1_x_1=mWidth-
rect1_y_0=padding+floatY*2;
rect1_y_1=mHeight-
rect1_x_t=(mWidth-padding)-floatX_6;
rect1_y_t=(mHeight-padding)-floatY_6;
}</mheight-padding){</floaty*2&#43;padding){</floaty&#43;padding){</mheight-padding){</floaty*2&#43;padding){</floaty&#43;padding){</mheight-padding){</floaty*2&#43;padding){</floaty&#43;padding){</mheight-padding){</floaty*2&#43;padding){</floaty&#43;padding){
如何判断移动成功了：
在上面的图中，我也有说过，就是比较移动后的格子的左上右下和初始化的格子的左上右下，比如，我们随机给的顺为：&8&,&6&,&3&,&1&,&5&,&7&,&2&,&4&，那么我们比较如下,成功后进行回调：
* 获取初始化格子的左上右下
private int number_1_left=padding,number_1_right=floatX+padding,
number_1_top=padding,number_1_bottom=floatY+
private int number_2_left=padding+floatX,number_2_right=floatX*2+padding,
number_2_top=padding,number_2_bottom=floatY+
private int number_3_left=padding+floatX*2,number_3_right=mWidth-padding,
number_3_top=padding,number_3_bottom=floatY+
private int number_4_left=padding,number_4_right=floatX+padding,
number_4_top=floatY+padding,number_4_bottom=floatY*2+
private int number_5_left=padding+floatX,number_5_right=floatX*2+padding,
number_5_top=floatY+padding,number_5_bottom=floatY*2+
private int number_6_left=padding+floatX*2,number_6_right=mWidth-padding,
number_6_top=floatY+padding,number_6_bottom=floatY*2+
private int number_7_left=padding,number_7_right=floatX+padding,
number_7_top=floatY*2+padding,number_7_bottom=mHeight-
private int number_8_left=padding+floatX,number_8_right=floatX*2+padding,
number_8_top=floatY*2+padding,number_8_bottom=mHeight-
if(rect1.top==number_8_top&&rect1.bottom==number_8_bottom&&
rect1.left==number_8_left&&rect1.right==number_8_right
&&rect2.top==number_6_top&&rect2.bottom==number_6_bottom
&&rect2.left==number_6_left&&rect2.right==number_6_right
&&rect3.top==number_3_top&&rect3.bottom==number_3_bottom
&&rect3.left==number_3_left&&rect3.right==number_3_right
&&rect4.top==number_1_top&&rect4.bottom==number_1_bottom
&&rect4.left==number_1_left&&rect4.right==number_1_right
&&rect5.top==number_5_top&&rect5.bottom==number_5_bottom
&&rect5.left==number_5_left&&rect5.right==number_5_right
&&rect6.top==number_7_top&&rect6.bottom==number_7_bottom
&&rect6.left==number_7_left&&rect6.right==number_7_right
&&rect7.top==number_2_top&&rect7.bottom==number_2_bottom
&&rect7.left==number_2_left&&rect7.right==number_2_right
&&rect8.top==number_4_top&&rect8.bottom==number_4_bottom
&&rect8.left==number_4_left&&rect8.right==number_4_right){
listener.success(numberType);
其实就是这样一一去比较，我的思路是这样，可能还是有更加简便的思路，我暂时还没有想起来，具体实现就是这样，代码比较繁琐，有更好的实现方式，可以留言探讨，不吝赐教。游乐网-绿色游戏下载基地！
当前位置： > > 数字华容道-最强大脑
数字华容道-最强大脑
不知道怎么下载，
游戏类型：
游戏大小：34.65 MB
游戏环境：安卓版
更新时间： 20:33:33
热门推荐：
扫一扫手机安装更快捷
使用手机二维码应用 扫描左侧二维码，您可以
1、在手机快捷下载
2、分享给你的微信好友或朋友圈
数字华容道，一款全新的经典的益智类型数字APP。目的是用最少的步数，最短时间将棋盘上的数字方块，按照从左到右，从上到下的顺序重新排列整齐。特色：& 挑战自己的大脑和手速；& 移动方块，让所有数字顺着数字次序排列；& 不同难度关卡，挑战自我；& 随时随地训练您的大脑！
数字华容道-最强大脑
温馨提示：此游戏文件大小（34.65 MB），下载时请耐心等待~
相关版本下载
休闲益智26 MB版本：V3.6
开启无敌模式！
贪吃蛇大作战破解版3 6是一款非常经典的休闲游
游戏评分10.0
休闲益智25 MB版本：V3.6
游戏介绍贪吃蛇大作战嗨玩版是一款非常经典的益智休闲小游戏，贪吃蛇大作战嗨玩版以老版的贪吃蛇为蓝本，在游戏画面，玩法特效上做了大量的
游戏评分6.0
休闲益智17.8 MB版本：v1.0.0
游戏介绍贪吃蛇大作战砖块版安卓版是一款拥有全新趣味玩法打造的休闲益智游戏，创意对战全新登场，击碎砖块让自己变得更加强大吧，流畅操作
游戏评分6.0
休闲益智21.93 MB
《指尖陀螺 Spinz io》是一款十分有趣的休闲娱乐游戏！这是专门为喜欢指尖陀螺的小伙伴准备的非常不错的趣味对战系列游戏，游戏中玩家能体
游戏评分8.0
休闲益智92.95 MB
差不多英雄是一款角色扮演（RPG）的点击类游戏，10个很没用的傻瓜开始了他们稍微有点用处的探索之路。他们说，永远不会给失败者一个偶然的
游戏评分10.0
最新添加游戏:
这部电视剧是专门为吴京量身定做，剧中的一些
一部《士兵突击》捧红了很多人，王宝强，陈思您的位置：
数字华容道游戏 v2.1
数字华容道游戏v2.1
语言：简体中文
大小：35MB
扫一扫 下载到手机
妖精的尾巴
妖精的尾巴
妖精的尾巴
软件大小：45.80MB
软件大小：45.80MB
软件大小：12.07MB
软件大小：65.80MB
软件大小：12.27MB
益智类游戏想必大家都喜欢玩，所占时间不多，还有一定的操作性和耐玩性。随时都能关上游戏忙碌自己的事情。今天小编就找到一些好玩的益智类游戏提供给大家，希望大家...
v1.0 5.5分
v2.67 5.5分
v3.3 5.5分
v2.2 5.5分
v3.0.52 5.5分
v1.0 5.5分
今天小编为大家带来的是手机益智解谜游戏大全，有需要的玩家们就来这里看看吧！
v1.0 5.5分
v1.0 5.5分
v1.0 5.5分
v1.0 5.5分
v1.0 5.5分
v1.0 5.5分
下载小贴士：您现在下载的是！
安卓版下载
下载总排行
下载周排行
安卓合集：
苹果合集：
电脑合集：
游戏推荐：}