devbox
盐析白兔
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【安卓学习笔记】Android Studio第7课——ImageView与小游戏练习_android studio猜拳游戏

作者：盐析白兔 | 2024-04-23 13:30:04

赞

踩

android studio猜拳游戏

综合了之前学习的内容，做了一款很LOW的猜拳游戏，先上图：

以上就是所用到的一些东西包括了RadioGroup、TextView、EditView、Button，在之前的基础上添加了一个ImageView。先简单介绍下ImageView，很好理解，其实就是图片的显示。

  1. <ImageView
  2.         android:id="@+id/L6_image1"
  3.         android:layout_width="100dp"
  4.         android:layout_height="100dp"
  5.         android:src="@drawable/pic"
  6.         android:scaleType="fitCenter"
  7.         android:layout_below="@+id/textLable"
  8.         android:layout_alignParentLeft="true"/>

原理想简单一点是这样的，在Activity中首先添加一个ImageView控件，并且设定好所占屏幕的大小，这里就以宽高100dp为例，其次就是需要把一个图片放置在这个控件里面，这个图片是实现准备好的，一般png格式最好，然后拷贝到drawable里面去，所以在src引用的时候就有了@drawable，后面的pic是图片在drawable中的名字。然后就是一个很重要scaleType了，这个直接反映了这个图片的呈现形式，比如适应控件缩放、居中缩放、填充等等，这里就用到了一个fitCenter，英译过来也不知道叫什么好，暂且就叫适应居中缩放把，就这么个差不多的意思。然后是位置，位置这里用到的是相对布局（Relativelayout）。

最后把所有的控件都丢上去之后，就可以编写activity的代码了。总体的说下思路：

第一步：声明控件。

第二步：用findByid找到相对应的控件，当然这里在xml中需要先对控件命名。

第三步：编写监听器，并复写里面的监听器函数。

第四步：把对应的监听器绑定到对应的控件上。

那以上就是四个大的步骤。接下来详细说下第三步的实现过程：

浏览全局，需要设置的监听器总共有三个，两个RadioGroup和一个Button。

在RadioGroup的监听器里面，获取Group中哪一个RadioButton被选中，并把选中的记录下来，为了方便我直接设置了两个字符串类型的全局变量，分别对应两个Group中的RadioButton。

在Button点击监听器里面，第一步是得到判断两个比较并判断两个字符串里面的内容，进而得到最终的结果，结果有三中情况。同时获取两个EditText中的姓名，然后输出给显示的textView就行了。

需要注意的点，在判断字符串是不是空最终用了长度去判断，这样是可以用的而== null 或者==“”都不好使，当然查到也可以用isEmpty()等方式。为什么要判断，这里程序给在判定两个用户姓名为空的时候，会提示“请输入姓名”，而不会直接把结果显示出来。

其次就是判断字符串相等了，开始的时候用==来判断字符串完全相等，但是因为很多原因会导致不好用或者不方便，比如一个标点写错了什么的，最终选用contains方法，具体的方法是  字符串.constains("所包含的字符")。

就是这些了，贴上代码：

XML：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:padding="50dp">
  6.  
  7.     <TextView
  8.         android:id="@+id/textLable"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:text="猜拳游戏"
  12.         android:textSize="20sp"
  13.         android:textColor="@color/colorAccent"
  14.         android:gravity="center_horizontal"
  15.         android:layout_centerHorizontal="true"
  16.         android:paddingBottom="20dp"/>
  17.  
  18.     <ImageView
  19.         android:id="@+id/L6_image1"
  20.         android:layout_width="100dp"
  21.         android:layout_height="100dp"
  22.         android:src="@drawable/pic"
  23.         android:scaleType="fitCenter"
  24.         android:layout_below="@+id/textLable"
  25.         android:layout_alignParentLeft="true"/>
  26.     <EditText
  27.         android:id="@+id/L6_edit1"
  28.         android:layout_width="wrap_content"
  29.         android:layout_height="wrap_content"
  30.         android:layout_below="@+id/L6_image1"
  31.         android:layout_alignRight="@+id/L6_image1"
  32.         android:layout_alignLeft="@+id/L6_image1"
  33.         android:hint="姓名"/>
  34.     <ImageView
  35.         android:id="@+id/L6_image2"
  36.         android:layout_width="100dp"
  37.         android:layout_height="100dp"
  38.         android:src="@drawable/pic"
  39.         android:scaleType="fitCenter"
  40.         android:layout_alignBottom="@+id/L6_image1"
  41.         android:layout_alignParentRight="true"/>
  42.     <EditText
  43.         android:id="@+id/L6_edit2"
  44.         android:layout_width="wrap_content"
  45.         android:layout_height="wrap_content"
  46.         android:layout_below="@+id/L6_image2"
  47.         android:layout_alignLeft="@+id/L6_image2"
  48.         android:layout_alignRight="@+id/L6_image2"
  49.         android:hint="姓名"/>
  50.  
  51.     <RadioGroup
  52.         android:id="@+id/L6_radioGroup1"
  53.         android:layout_height="wrap_content"
  54.         android:layout_width="wrap_content"
  55.         android:layout_below="@+id/L6_edit1"
  56.         android:paddingLeft="20dp"
  57.         android:paddingTop="20dp">
  58.         <RadioButton
  59.             android:id="@+id/L6_g1_radiobt1"
  60.             android:layout_width="wrap_content"
  61.             android:layout_height="wrap_content"
  62.             android:text="石头"/>
  63.         <RadioButton
  64.             android:id="@+id/L6_g1_radiobt2"
  65.             android:layout_width="wrap_content"
  66.             android:layout_height="wrap_content"
  67.             android:text="剪刀"/>
  68.         <RadioButton
  69.             android:id="@+id/L6_g1_radiobt3"
  70.             android:layout_width="wrap_content"
  71.             android:layout_height="wrap_content"
  72.             android:text="布"/>
  73.     </RadioGroup>
  74.     <RadioGroup
  75.         android:layout_width="wrap_content"
  76.         android:layout_height="wrap_content"
  77.         android:id="@+id/L6_radioGroup2"
  78.         android:layout_below="@+id/L6_edit2"
  79.         android:paddingTop="20dp"
  80.         android:layout_alignRight="@+id/L6_image2"
  81.         android:paddingRight="20dp">
  82.         <RadioButton
  83.             android:id="@+id/L6_g2_radiobt1"
  84.             android:layout_width="wrap_content"
  85.             android:layout_height="wrap_content"
  86.             android:text="石头"/>
  87.         <RadioButton
  88.             android:id="@+id/L6_g2_radiobt2"
  89.             android:layout_width="wrap_content"
  90.             android:layout_height="wrap_content"
  91.             android:text="剪刀"/>
  92.         <RadioButton
  93.             android:id="@+id/L6_g2_radiobt3"
  94.             android:layout_width="wrap_content"
  95.             android:layout_height="wrap_content"
  96.             android:text="布"/>
  97.     </RadioGroup>
  98.  
  99.     <Button
  100.         android:id="@+id/L6_buttonOK"
  101.         android:layout_width="wrap_content"
  102.         android:layout_height="wrap_content"
  103.         android:text="确定"
  104.         android:textSize="20sp"
  105.         android:layout_below="@+id/L6_radioGroup1"
  106.         android:layout_centerHorizontal="true"/>
  107.     <TextView
  108.         android:id="@+id/L6_textResult"
  109.         android:layout_width="wrap_content"
  110.         android:layout_height="wrap_content"
  111.         android:layout_below="@+id/L6_buttonOK"
  112.         android:paddingTop="20sp"
  113.         android:text="测试结果"
  114.         android:textColor="@color/colorPrimaryDark"
  115.         android:textSize="20sp"
  116.         android:layout_centerHorizontal="true"/>
  117. </RelativeLayout>

Activity：

  1. package com.example.urien.secondapp;
  2.  
  3. import android.os.Bundle;
  4. import android.support.v7.app.AppCompatActivity;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.EditText;
  8. import android.widget.RadioButton;
  9. import android.widget.RadioGroup;
  10. import android.widget.TextView;
  11. import android.widget.Toast;
  12.  
  13. public class Lesson6_Activity extends AppCompatActivity {
  14.  
  15.     //1.声明要用到的控件
  16.     private RadioGroup radioGroup1;
  17.     private RadioGroup radioGroup2;
  18.     private RadioButton g1_radio1;
  19.     private RadioButton g1_radio2;
  20.     private RadioButton g1_radio3;
  21.     private RadioButton g2_radio1;
  22.     private RadioButton g2_radio2;
  23.     private RadioButton g2_radio3;
  24.     private Button buttonOk;
  25.     private TextView textView;
  26.     private EditText editText1;
  27.     private EditText editText2;
  28.  
  29.     private String str_result1 = "石头";
  30.     private String str_result2 = "石头";
  31.     @Override
  32.     protected void onCreate(Bundle savedInstanceState) {
  33.         super.onCreate(savedInstanceState);
  34.         setContentView(R.layout.activity_lesson6_);
  35. //        textView.setText("测试结果");
  36.  
  37.         //2.找到相对应的控件
  38.         _FindView();
  39.         //3.设置监听器
  40.         radioGroup1.setOnCheckedChangeListener(new _RadioGroupListener1());
  41.         radioGroup2.setOnCheckedChangeListener(new _RadioGroupListener2());
  42.         buttonOk.setOnClickListener(new _ButtonClickListener());
  43.     }
  44.     private void _FindView(){
  45.         radioGroup1 = findViewById(R.id.L6_radioGroup1);
  46.         radioGroup2 = findViewById(R.id.L6_radioGroup2);
  47.         g1_radio1 = findViewById(R.id.L6_g1_radiobt1);
  48.         g1_radio2 = findViewById(R.id.L6_g1_radiobt2);
  49.         g1_radio3 = findViewById(R.id.L6_g1_radiobt3);
  50.         g2_radio1 = findViewById(R.id.L6_g2_radiobt1);
  51.         g2_radio2 = findViewById(R.id.L6_g2_radiobt2);
  52.         g2_radio3 = findViewById(R.id.L6_g2_radiobt3);
  53.         buttonOk = findViewById(R.id.L6_buttonOK);
  54.         textView = findViewById(R.id.L6_textResult);
  55.         editText1 = findViewById(R.id.L6_edit1);
  56.         editText2 = findViewById(R.id.L6_edit2);
  57.  
  58.         //默认选择一个，不然在没有选择的情况下会闪退
  59.         g1_radio1.setChecked(true);
  60.         g2_radio1.setChecked(true);
  61.  
  62.     }
  63.  
  64.     //RadioGroup1监听函数
  65.     class _RadioGroupListener1 implements RadioGroup.OnCheckedChangeListener{
  66.  
  67.         @Override
  68.         public void onCheckedChanged(RadioGroup group, int checkedId) {
  69.             if(g1_radio1.isChecked())   str_result1 = "石头";
  70.             else if(g1_radio2.isChecked())  str_result1 = "剪刀";
  71.             else if(g1_radio3.isChecked())  str_result1 = "布";
  72.         }
  73.     }
  74.  
  75.     //RadioGroup2监听函数
  76.     class _RadioGroupListener2 implements RadioGroup.OnCheckedChangeListener{
  77.         @Override
  78.         public void onCheckedChanged(RadioGroup group, int checkedId) {
  79.             if(g2_radio1.isChecked())   str_result2 = "石头";
  80.             else if(g2_radio2.isChecked())   str_result2 = "剪刀";
  81.             else if(g2_radio3.isChecked())  str_result2 = "布";
  82.         }
  83.     }
  84.  
  85.     //按键监听函数
  86.     class _ButtonClickListener implements View.OnClickListener{
  87.  
  88.         @Override
  89.         public void onClick(View v) {
  90.             String result = null;
  91.             if(str_result1 == "石头"){
  92.                 if(str_result2 == "石头") result = "打平手！";
  93.                 else if(str_result2 == "剪刀")    result = "A赢了！";
  94.                 else if(str_result2 == "布")  result = "B赢了！";
  95.             }
  96.             else if(str_result1 == "剪刀") {
  97.                 if (str_result2 == "石头") result = "B赢了！";
  98.                 else if (str_result2 == "剪刀") result = "打平手！";
  99.                 else if (str_result2 == "布") result = "A赢了！";
  100.  
  101.             }
  102.             else if(str_result1 == "布"){
  103.                 if (str_result2 == "石头") result = "A赢了！";
  104.                 else if (str_result2 == "剪刀") result = "B赢了！";
  105.                 else if (str_result2 == "布") result = "打平手！";
  106.             }
  107.  
  108.  
  109.             String UserA = editText1.getText().toString();
  110.             String UserB = editText2.getText().toString();
  111.             String winner = null;
  112.             System.out.println("UserName = " + UserA + ",UserNameB = " + UserB + ",winner = " + winner);
  113.  
  114.             //判断有没有正确的输入用户名
  115.             //if(UserA == null || UserB == null)
  116.             //if(UserA == ""   && UserB == ""  )
  117.             //用上面两个方法行不通都不好用
  118.             //所以换成通过判断字符串长度来判定字符串为空
  119.             if(UserA.length() == 0 || UserB.length()==0) {
  120.                 System.out.println("还没有输入姓名");
  121.                 Toast.makeText(Lesson6_Activity.this,"请输入姓名",Toast.LENGTH_LONG).show();
  122.             }
  123.             else {
  124.  
  125. //              if(result == "A赢了！")    winner = editText1.getText().toString();
  126. //              else if(result == "B赢了！")   winner = editText2.getText().toString();
  127.                 //用下面contains文本包含更方便快捷 也不容易出错
  128.                 if (result.contains("A")) winner = UserA + " 赢了";
  129.                 else if (result.contains("B")) winner = UserB + "赢了";
  130.                 else winner = "打平手！";
  131.  
  132.                 textView.setText(winner);
  133.                 System.out.println(winner);
  134.             }
  135. //
  136.         }
  137.     }
  138. }
By Urien 2018年5月15日 16:45:31
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/474112
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号