原创 Android第八站 众多豪华控件 图片处理

ImageView单击事件与透明度处理

现在这个范例就简单的利用Android的ImageView对象来实现一个手机小游戏！

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

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

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

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

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

先设置好布局：

 <ImageView
      android:id="@+id/mImage01"
      android:layout_width="71px"
      android:layout_height="96px"
      android:layout_x="20px"
      android:layout_y="122px"
      android:src="@drawable/p04"
    >
    </ImageView>
    <ImageView
      android:id="@+id/mImage02"
      android:layout_width="71px"
      android:layout_height="96px"
      android:layout_x="126px"
      android:layout_y="122px"
      android:src="@drawable/p04"
    >
    </ImageView>
    <ImageView
      android:id="@+id/mImage03"
      android:layout_width="71px"
      android:layout_height="96px"
      android:layout_x="232px"
      android:layout_y="122px"
      android:src="@drawable/p04"
    >
    </ImageView>
    <Button
      android:id="@+id/mButton"
      android:layout_width="118px"
      android:layout_height="wrap_content"
      android:text="@string/str_button"
      android:layout_x="100px"
      android:layout_y="302px"
    >
    </Button>

主程序设计如下：

public class ex4_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;
       int s=(int)(Math.random()*2);
       s1=s1;
       s1=tmp;
     }       
   }
 }