2017-2018-1 20162307 实验五

北京电子科技学院(BESTI)

实 验 报 告

课程:程序设计与数据结构

班级:1623

姓名:张韵琪

学号:20162307

指导教师:娄嘉鹏老师、王志强老师

实验日期:2017年12月11号

实验密级:非密级

实验时间:三天

必修/选修:必修

实验名称:团队项目

实验仪器:电脑

实验目的与要求:

  • 目的:

     小组合作项目,开发2048
    
  • 要求:
    1.没有Linux基础的同学建议先学习《Linux基础入门(新版)》《Vim编辑器》 课程
    2.完成实验、撰写实验报告,实验报告以博客方式发表在博客园,注意实验报告重点是运行结果,遇到的问题(工具查找,安装,使用,程序的编辑,调试,运行等)、解决办法(空洞的方法如“查网络”、“问同学”、“看书”等一律得0分)以及分析(从中可以得到什么启示,有什么收获,教训等)。报告可以参考范飞龙老师的指导
    3. 严禁抄袭,有该行为者实验成绩归零,并附加其他惩罚措施。


简介团队项目


2048:这款游戏的玩法很简单
每次可以选择上下左右滑动,每滑动一次,所有的数字方块都会往滑动的方向靠拢
系统会在空白的地方乱数出现一个数字方块
相同数字的方块在靠拢、相撞时会相加
不断的叠加最终拼凑出2048这个数字就算成功。


分析代码


主要类为 AnimaLayer.java、Card.java、Config.java、GameView.java

还有控制界面的类:developer.java、First_page.java、WelcomActivity.java、moshijieshao.java

-设定card:

    public Card(Context context) {
	        super(context);			
	        LayoutParams lp = null;   
	        background = new View(getContext());  //这个是Card的背景设计,是一个View
	        lp = new LayoutParams(-1, -1);  
	        lp.setMargins(10, 10, 0, 0);   //设置子布局在父布局中的位置
	        background.setBackgroundColor(0x33ffffff);   
	        addView(background, lp);   //向布局文件中添加一个子布局
	        label = new TextView(getContext());//在Card中有一个数字
	        label.setTextSize(20);      //数字的大小
	        label.setGravity(Gravity.CENTER);   //数字在Card中居中
	        lp = new LayoutParams(-1, -1);   //控制数字在Card中width和height
	        lp.setMargins(10, 10, 0, 0);   //控制数字在Card中的出现位置
	        addView(label, lp);
	    setNum(0);  //初始化每一个card的时候都是0
        }
  • 手机的坐标事以左上角为原点o,右边是x轴,下边是y轴

  • 创造卡片的移动动画:

      public void createMoveAnim(final Card from, final Card to, int fromX,       
      	int toX, int fromY, int toY) {
      final Card c = getCard(from.getNum());                  //将要移动的Card从原来的地方消失
      LayoutParams lp = new LayoutParams(Config.CARD_WIDTH, Config.CARD_WIDTH);   //CARD_WIDTH=0
      lp.leftMargin = fromX * Config.CARD_WIDTH;          //将card里面的布局的宽和高变成0;
      lp.topMargin = fromY * Config.CARD_WIDTH;
      c.setLayoutParams(lp);              //c在执行这个方法之后,view的大小将发生改变
    
      if (to.getNum() <= 0) {                                //如果移动到的位置的Card为0,则将此Card的TextView隐藏。
      	to.getLabel().setVisibility(View.INVISIBLE);
      }
    
      TranslateAnimation ta = new TranslateAnimation(0, Config.CARD_WIDTH * (toX - fromX), 0, Config.CARD_WIDTH * (toY - fromY));
      ta.setDuration(100);          //动画持续的时间0.5s
      ta.setAnimationListener(new Animation.AnimationListener() {
    
      	@Override
      	public void onAnimationStart(Animation animation) {
      	}
    
      	@Override
      	public void onAnimationRepeat(Animation animation) {
      	}
    
      	@Override////动画停止,将姑且卡片收受接管
      	public void onAnimationEnd(Animation animation) {
      		to.getLabel().setVisibility(View.VISIBLE);  //将移过去的布局再打开
      		recycleCard(c);  
      	}
      });
      c.startAnimation(ta);   
          }
    
  • 创建卡片(创建卡片时,若是cards不为空,则从cards队首取出一张姑且卡片):

          private Card getCard(int num) {    
          	Card c;
          	if (cards.size() > 0) {
              	c = cards.remove(0);
          } else {
              	c = new Card(getContext());
              	addView(c);
              }
              c.setVisibility(View.VISIBLE);
          c.setNum(num);   
              return c;
          }
    
  • 收受接管卡片:

          private void recycleCard(Card c) {   //因为原来要移动的Card已经移走了,剩下的地方就是空了,将剩下的地方添加到list中,list是专门存储空的card的
              c.setVisibility(View.INVISIBLE);
              c.setAnimation(null);
              cards.add(c);
          }
    
  • 对卡片进行缩放:

              public void createScaleTo1(Card target) {    
              ScaleAnimation sa = new ScaleAnimation(0.1f, 1, 0.1f, 1,
              		Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,    //相对于Card自身的0.5f就是Card的中心
              		0.5f);
              sa.setDuration(100);  //持续时间为0.5s
              target.setAnimation(null);
              target.getLabel().startAnimation(sa);   //给Card对应的TextView控件添加动画
      	        }
          }
    
  • 手势辨认,用于操控格子的移动:

                  private void initGameView() {
            	setOrientation(LinearLayout.VERTICAL);
                      setBackgroundColor(0xff9B30FF);
                      setOnTouchListener(new View.OnTouchListener() {   //控制界面的点击事件
      	        private float startX, startY, offsetX, offsetY;
      	        @Override
      	        public boolean onTouch(View v, MotionEvent event) {  //应用了View.OnTouchListener来侦听触摸事务:策画按下和抬起来时offsetX和offsetY,猜测手势的移动。
      		        switch (event.getAction()) {
      		        case MotionEvent.ACTION_DOWN:   //如果是点击下来,获取点击地点的x和y的坐标
      		        	startX = event.getX();
      		        	startY = event.getY();
      		        	break;
      		        case MotionEvent.ACTION_UP:     //离开屏幕时的位置,获取离开屏幕时的位置,并获得位移量
      		        	offsetX = event.getX() - startX; 
      			        offsetY = event.getY() - startY; 
      			        if (Math.abs(offsetX) > Math.abs(offsetY)) {  //取offsetxX和offsetY的绝对值
      			        	if (offsetX < -5) {
      				        	swipeLeft();  //滑动向左
      			        	} else if (offsetX > 5) {
      				            	swipeRight();   //向右划
      				        }
      			        } else {
      				        if (offsetY < -5) {
      				            	swipeUp();    //向上划
      				        } else if (offsetY > 5) {
      				        	swipeDown();   //向下划
      				        }
      			        }
          				break;
      	        	}
      		        return true;   //这个地方如果是false的话,手指抬起时是不会得到坐标的
      	        }
              });
          }
    
  • 滑动手势(以左滑为例):

      private void swipeLeft() {
              boolean merge = false;   //是否归并卡片, 1、空卡片和已有卡片归并 2、两个数字雷同的卡片归并
              for (int y = 0; y < Config.LINES; y++) {  //LINES=4
      	        for (int x = 0; x < Config.LINES; x++) {   //搜检当前点的右侧是否有非空卡片(非空:num>=2)
      		        for (int x1 = x + 1; x1 < Config.LINES; x1++) {//向左滑动时,将全部的数组遍历一遍,如果找到不为0的,且其左边为0时
      			if (cardsMap[x1][y].getNum() > 0) {    ////若是右边有非空卡片
      				if (cardsMap[x][y].getNum() <= 0) {   ////当前坐标上没有格子(空卡片和已有卡片归并)
      					MainActivity
      							.getMainActivity()
      							.getAnimLayer()
      							.createMoveAnim(cardsMap[x1][y],
      									cardsMap[x][y], x1, x, y, y);
    
      					cardsMap[x][y].setNum(cardsMap[x1][y].getNum());
      					cardsMap[x1][y].setNum(0);
      					x--;
      					merge = true;
      				} else if (cardsMap[x][y].equals(cardsMap[x1][y])) {
      					MainActivity
      							.getMainActivity()
      							.getAnimLayer()
      							.createMoveAnim(cardsMap[x1][y],
      									cardsMap[x][y], x1, x, y, y);   //使用这个方法之后,在效果上可以表示成移动了
      					cardsMap[x][y].setNum(cardsMap[x][y].getNum() * 2);//这个地方可以修改数字的增加原本是2
      					cardsMap[x1][y].setNum(0);
    
      					MainActivity.getMainActivity().addScore(
      							cardsMap[x][y].getNum());
      					merge = true;
      				}
      				break;
      			}
      		}
      	}
      }
      if (merge) {        //如果两个卡片合并,就再加卡片。检查是否完成
      	addRandomNum();
      	checkComplete();
      }
    

    }


本次实验



实验五-1-编译、运行、测试



题目要求


1、 git clone 小组项目
2、 编译项目,提交编译成功截图(全屏,要有学号信息)
3、 提交运行过程中的截图(全屏,要有学号信息)


实验结果及步骤


  • 1.打开我的终端,进入我所创建的文件夹的目录中

  • git clone 小组项目

  • 在AndroidStudio中运行项目


实验五-2-代码修改



题目要求


  1. 在小组项目中,找一个合适的地方添加一个按钮,点击显示自己的学号
  1. 提交运行截图(全屏,要有学号信息)
  2. 在项目中找一个界面,自己复制一份命名为XXXbak,修改代码,替换原来的部分
  3. 提交运行截图(全屏,要有学号信息)

实验结果及步骤


  • 在First_page中,添加一个button

button4 = (Button)findViewById(R.id.zyq);

    button4.setOnClickListener(new View.OnClickListener() {

        @Override

        public void onClick(View v) {

            new AlertDialog.Builder(First_page.this)

                    .setTitle("实验二")

                    .setMessage("20162307张韵琪")

                    .setPositiveButton("确定", null)

                    .show();

        }

    });

  • 在模式介绍中,修改代码

button3 = (Button)findViewById(R.id.zyq);

    button3.setOnClickListener(new View.OnClickListener() {

        @Override

        public void onClick(View v) {

            new AlertDialog.Builder(moshijieshao.this)

                    .setTitle("更改")

                    .setMessage("20162307  张韵琪")

                    .setPositiveButton("确定", null)

                    .show();

        }


实验五-3-代码分析



题目要求


分析小组代码:

  1. 数据结构的应用情况及相关代码
  2. 排序算法的应用情况及相关代码
  3. 查找算法的应用情况及相关代码
  4. 完成实验报告

实验结果及步骤


  • 数据结构的应用情况及相关代码:见目录分析代码这部分

  • 排序算法、查找算法打算在排行榜中应用,但是目前还未完成

posted @ 2017-12-17 19:13  张韵琪  阅读(354)  评论(0编辑  收藏  举报