我也来开发2048之方块设计

简介: 这次我们的任务是实现游戏面板上的一个个小方块,我们的主面板是一个GridLayout,我们把小方块一个个加到GridLayout中,就形成了我们现在的这个游戏面板。 小方块还是比较简单的,关键是,如何做才能最有效率呢?这是我们一直考虑的,也算是职业强迫症吧,我们的小方块上其实就是显示一个数字,所以,我们可以用一个TextView或者ImageView,这个随意了,看以后的打算,是否需要自定义图片呀等等,我们暂时就用一个TextView吧,简单。

这次我们的任务是实现游戏面板上的一个个小方块,我们的主面板是一个GridLayout,我们把小方块一个个加到GridLayout中,就形成了我们现在的这个游戏面板。

小方块还是比较简单的,关键是,如何做才能最有效率呢?这是我们一直考虑的,也算是职业强迫症吧,我们的小方块上其实就是显示一个数字,所以,我们可以用一个TextView或者ImageView,这个随意了,看以后的打算,是否需要自定义图片呀等等,我们暂时就用一个TextView吧,简单。

父布局选择什么呢?其实因为我们就一个子View,所以什么布局都一样的啦,但是,还是为了效率考虑,首选FrameLayout,这个是几大布局中最简单,效率最高的了。


ok,我们还要为这个小方块实现一些方法:

1、设置显示的数字

2、根据数字设置背景颜色

3、一系列的get、set方法,这个可以在后面程序设计的时候再做

package com.xys.game2048.bean;

import android.content.Context;
import android.graphics.Color;
import android.view.Gravity;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.TextView;

public class GameItem extends FrameLayout {

    // Item显示数字
    private int cardShowNum;
    // Item显示颜色
    private int colorShow;
    // 数字Title
    private TextView tvNum;
    // 数字Title LayoutParams
    private LayoutParams params;

    public GameItem(Context context, int cardShowNum) {
	super(context);
	this.cardShowNum = cardShowNum;
	// 初始化Item
	initCardItem();
    }

    /**
     * 初始化Item
     * 
     * @param context
     * @param cardShowNum
     */
    private void initCardItem() {
	// 设置背景色
	setBackgroundColor(Color.GRAY);
	tvNum = new TextView(getContext());
	setNum(cardShowNum);
	tvNum.setTextSize(30);
	tvNum.setGravity(Gravity.CENTER);
	params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
	params.setMargins(5, 5, 5, 5);
	addView(tvNum, params);
    }

    public View getItemView() {
	return tvNum;
    }

    public int getNum() {
	return cardShowNum;
    }

    public void setNum(int num) {
	this.cardShowNum = num;
	if (num == 0) {
	    tvNum.setText("");
	} else {
	    tvNum.setText("" + num);
	}
	// 设置背景颜色
	switch (num) {
	case 0:
	    tvNum.setBackgroundColor(0x00000000);
	    break;
	case 2:
	    tvNum.setBackgroundColor(0xffeee4da);
	    break;
	case 4:
	    tvNum.setBackgroundColor(0xffede0c8);
	    break;
	case 8:
	    tvNum.setBackgroundColor(0xfff2b179);
	    break;
	case 16:
	    tvNum.setBackgroundColor(0xfff59563);
	    break;
	case 32:
	    tvNum.setBackgroundColor(0xfff67c5f);
	    break;
	case 64:
	    tvNum.setBackgroundColor(0xfff65e3b);
	    break;
	case 128:
	    tvNum.setBackgroundColor(0xffedcf72);
	    break;
	case 256:
	    tvNum.setBackgroundColor(0xffedcc61);
	    break;
	case 512:
	    tvNum.setBackgroundColor(0xffedc850);
	    break;
	case 1024:
	    tvNum.setBackgroundColor(0xffedc53f);
	    break;
	case 2048:
	    tvNum.setBackgroundColor(0xffedc22e);
	    break;
	default:
	    tvNum.setBackgroundColor(0xff3c3a32);
	    break;
	}
    }
}

以上,背景设置颜色还是自定义图片,大家都可以自己修改啦


PS 需要源码的请留意,完善后会发给大家

目录
打赏
0
0
0
0
16
分享
相关文章
设计师为新iMac设计窄边框设想图
11月11日,苹果将召开2020年第三场秋季发布会,外界猜测将会发布搭载Apple Silicon的Mac产品。近日,就有设计师为苹果新iMac制作了设想图,屏幕尺寸分别为24寸和32寸。
174 0
设计师为新iMac设计窄边框设想图
如何做一个俄罗斯方块3:形状控制
今天,我们来继续学习和实现下一个模块:玩家控制形状。在俄罗斯方块游戏中,玩家可以对下落的形状进行控制,控制分为两种,一种是控制形状的移动(左,右,下),一种是控制形状的旋转(顺时针旋转 90 度)。
172 0
如何做一个俄罗斯方块6:形状停靠
在处理形状停靠之前,有一点儿东西需要了解,就是已经停靠的方块和正在下落的方块不是一种方块,如图,红色的表示的是已经停靠的方块,绿色的表示下落的绿色方块的作用是展示当前下落的形状,红色方块的作用是标识出哪些位置已经摆放了方块。
137 0
如何做一个俄罗斯方块5:形状碰撞检测(下)
其实,两侧的碰撞判断跟我们上一节讲过的向下移动的碰撞判断原理是一样的,向下碰撞检测的是每一个方块下方的位置是否有其它方块,那么向左/右碰撞检测的就是每个方块左/右侧的位置是否有其他的方块。
334 0
如何做一个俄罗斯方块4:形状碰撞检测(上)
在游戏开发中,我们所说的“碰撞”经常指的是物理碰撞,什么是物理碰撞呢?一般的在游戏开发工具中都会包含一个叫做“物理引擎”的东西,它的作用就是在游戏中模拟出现实中的物理效果。例如,我们扔一个东西,这个东西会因为重力而下落,最终落到地上,与地面发生碰撞。在游戏中,我们可以借助物理引擎,来模拟出东西下落掉到地面上的效果。当东西掉到地面上时,我们就说这个东西与地面发生了碰撞。
333 0
【D3.js 学习总结】10、D3布局-力学图
# d3.layout.force() 力学图(也称为导向图,也有叫网络拓补图的,反正就是通过排斥得到关系远近的结构)在社交网络研究、信息传播途径等群体关系研究中应用非常广泛,它可以直观地反映群体与群体之间联系的渠道、交集多少,群体内部成员的联系强度等。 #### 力学(Force)的API说明 * force.on - 监听布局位置的变化。(仅支持"start","step",
4618 0
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
838 0
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
谈谈宝石方块游戏中的设计
宝石方块是在上一个俄罗斯方块工程的基础上改编的,所以制作起来很快,我只用了不到两天的时间就完成了游戏的功能,后续又花了几天的时间制作游戏的界面,优化游戏的体验。
185 0
读后有感 - UI设计师必知:线框图、原型和视觉稿
读后有感 - UI设计师必知:线框图、原型和视觉稿 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
1584 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等