android小程序--猜猜红桃A在哪儿

ImageView单击事件与透明度处理

范例说明

在还是黑白屏幕的时候手机游戏就有了，相信许多人都曾经有过利用手机里的小游戏来消磨时间吧！现在这个范例就简单的利用Android的ImageView对象来实现一个手机小游戏！

有看过别人赌扑克牌吗？一张小桌子，放上三张牌，红桃A、黑桃2与梅花3，庄家先把三张牌都亮出来，让玩家看清楚红桃A在哪里，之后庄家将牌翻面，并随意变换牌的顺序后，玩家开始下注，猜测红桃A是哪一张？如果猜中了，玩家就赢得两倍的下注金；如果猜错了，下注金就被庄家赢走了！

本范例将制作一个猜牌游戏的简化版，游戏一开始并不直接亮出三张牌，而是翻面洗牌之后直接请玩家来猜猜看红桃A是哪一张，游戏过程绝对公平透明，绝对不会有诈赌的情形发生。

范例中使用TextView、Button及三个ImageView对象，一开始三个ImageView都默认显示扑克牌背面，当用户选择了其中一张牌时，三个ImageView同时翻面，程序并依照选择的对错，在TextView中显示结果，并可通过“再玩一次”的Button来重新开始游戏。

实现本范例前需先准备四张图片：红桃A、黑桃2、梅花3及扑克牌背面，并将这四张图片文件存入/res/drawable/文件夹中。以本范例而言，四张图片文件的路径如下：

/res/drawable/p01.png：红桃A

/res/drawable/p02.png：黑桃2

/res/drawable/p03.png：梅花3

/res/drawable/p04.png：扑克牌背面

当游戏一开始，User便从三张扑克牌当中单击一张，然后程序会一次翻开所有牌面，并将User未选择的牌面以灰暗效果处理，在这个范例练习里，将学习ImageView的onClickListener()事件与设置透明度的技巧。

范例程序

src/irdc.ex04_16/EX04_16.java

首先将三张图片文件的id存入数组s1中，randon()这个方法会将s1中的id顺序作随机的调换，以制造洗牌的效果，三个ImageView默认加载图片都为扑克牌背面。

当用户单击其中一张图片时，会触发该ImageView的onClick事件，程序将判断此张牌是否为红心A，再依猜对与否决定TextView的显示内容。

“再玩一次”Button中的onClick事件，会将三个ImageView显示的图片文件都重新设置为扑克牌背面，并做一次重新洗牌的动作（自定义的randon()方法）。

/* import程序略 */

public class EX04_16 extends Activity

{

/*声明对象变量*/

private ImageView mImageView01;

private ImageView mImageView02;

private ImageView mImageView03;

private Button mButton;

private TextView mText;

/*声明长度为3的int数组，并将三张牌的id放入

R.drawable.p01：红桃A

R.drawable.p02：黑桃2

R.drawable.p03：梅花3

R.drawable.p04：扑克牌背面*/

private static int[] s1=

new int[]{R.drawable.p01,R.drawable.p02,R.drawable.p03};

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

/*加载main.xml Layout */

setContentView(R.layout.main);

/* 取得相关对象 */

mText=(TextView)findViewById(R.id.mText);

mImageView01=(ImageView)findViewById(R.id.mImage01);

mImageView02=(ImageView)findViewById(R.id.mImage02);

mImageView03=(ImageView)findViewById(R.id.mImage03);

mButton=(Button)findViewById(R.id.mButton);

/* 运行洗牌程序 */

randon();

/* 替mImageView01添加onClickListener*/

mImageView01.setOnClickListener(new View.OnClickListener()

{

public void onClick(View v)

{

/* 三张牌同时翻面，并将未选择的两张牌变透明 */

mImageView01.setImageDrawable(getResources()

.getDrawable(s1[0]));

mImageView02.setImageDrawable(getResources()

.getDrawable(s1[1]));

mImageView03.setImageDrawable(getResources()

.getDrawable(s1[2]));

mImageView02.setAlpha(100);

mImageView03.setAlpha(100);

/* 依有没有猜对来决定TextView要显示的信息 */

if(s1[0]==R.drawable.p01)

{

mText.setText("哇!你猜对了喔!!拍拍手!");

}

else

{

mText.setText("你猜错了喔!!要不要再试一次?");

}

});

/* 替mImageView02添加onClickListener*/

mImageView02.setOnClickListener(new View.OnClickListener()

{

public void onClick(View v)

{

/* 三张牌同时翻面，并将未选择的两张牌变透明 */

mImageView01.setImageDrawable(getResources()

.getDrawable(s1[0]));

mImageView02.setImageDrawable(getResources()

.getDrawable(s1[1]));

mImageView03.setImageDrawable(getResources()

.getDrawable(s1[2]));

mImageView01.setAlpha(100);

mImageView03.setAlpha(100);

/* 依有没有猜对来决定TextView要显示的信息 */

if(s1[1]==R.drawable.p01)

{

mText.setText("哇!你猜对了喔!!拍拍手!");

}

else

{

mText.setText("你猜错了喔!!要不要再试一次?");

}

});

/* 替mImageView03添加onClickListener*/

mImageView03.setOnClickListener(new View.OnClickListener()

{

public void onClick(View v)

{

/* 三张牌同时翻面，并将未选择的两张牌变透明 */

mImageView01.setImageDrawable(getResources()

.getDrawable(s1[0]));

mImageView02.setImageDrawable(getResources()

.getDrawable(s1[1]));

mImageView03.setImageDrawable(getResources()

.getDrawable(s1[2]));

mImageView01.setAlpha(100);

mImageView02.setAlpha(100);

/* 依有没有猜对来决定TextView要显示的信息 */

if(s1[2]==R.drawable.p01)

{

mText.setText("哇!你猜对了喔!!拍拍手!");

}

else

{

mText.setText("你猜错了喔!!要不要再试一次?");

}

});

/* 单击Button后三张牌都翻为背面且重新洗牌*/

mButton.setOnClickListener(new Button.OnClickListener()

{

public void onClick(View v)

{

mText.setText("猜猜看红桃A是哪一张?");

mImageView01.setImageDrawable(getResources()

.getDrawable(R.drawable.p04));

mImageView02.setImageDrawable(getResources()

.getDrawable(R.drawable.p04));

mImageView03.setImageDrawable(getResources()

.getDrawable(R.drawable.p04));

mImageView01.setAlpha(255);

mImageView02.setAlpha(255);

mImageView03.setAlpha(255);

randon();

}

});

}

/*重新洗牌的程序*/

private void randon()

{

for(int i=0;i<3;i++)

{

int tmp=s1[i];

int s=(int)(Math.random()*2);

s1[i]=s1[s];

s1[s]=tmp;

}

扩展学习

本范例仅运用ImageView的onClick事件，就实现出一个简单的猜牌小游戏，其中洗牌的randon()方法为众多随机洗牌方式的其中一种，各位也可以尝试用其他的方法来改写。

程序中为了视觉的效果，使用了ImageView的setAlpha(int alpha)方法，将没选到的两张牌设置透明度为100，没选到的牌变透明了，选到的那一张牌自然就突显了出来，其中alpha值255即为没有透明度的意思，所以，才会在“再玩一次”按钮的onClick事件中将三张牌的alpha值都重设为255。