综合了之前学习的内容,做了一款很LOW的猜拳游戏,先上图:
以上就是所用到的一些东西包括了RadioGroup、TextView、EditView、Button,在之前的基础上添加了一个ImageView。先简单介绍下ImageView,很好理解,其实就是图片的显示。
<ImageView
android:id="@+id/L6_image1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/pic"
android:scaleType="fitCenter"
android:layout_below="@+id/textLable"
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:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="50dp">
<TextView
android:id="@+id/textLable"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="猜拳游戏"
android:textSize="20sp"
android:textColor="@color/colorAccent"
android:gravity="center_horizontal"
android:layout_centerHorizontal="true"
android:paddingBottom="20dp"/>
<ImageView
android:id="@+id/L6_image1"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/pic"
android:scaleType="fitCenter"
android:layout_below="@+id/textLable"
android:layout_alignParentLeft="true"/>
<EditText
android:id="@+id/L6_edit1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/L6_image1"
android:layout_alignRight="@+id/L6_image1"
android:layout_alignLeft="@+id/L6_image1"
android:hint="姓名"/>
<ImageView
android:id="@+id/L6_image2"
android:layout_width="100dp"
android:layout_height="100dp"
android:src="@drawable/pic"
android:scaleType="fitCenter"
android:layout_alignBottom="@+id/L6_image1"
android:layout_alignParentRight="true"/>
<EditText
android:id="@+id/L6_edit2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/L6_image2"
android:layout_alignLeft="@+id/L6_image2"
android:layout_alignRight="@+id/L6_image2"
android:hint="姓名"/>
<RadioGroup
android:id="@+id/L6_radioGroup1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_below="@+id/L6_edit1"
android:paddingLeft="20dp"
android:paddingTop="20dp">
<RadioButton
android:id="@+id/L6_g1_radiobt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="石头"/>
<RadioButton
android:id="@+id/L6_g1_radiobt2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="剪刀"/>
<RadioButton
android:id="@+id/L6_g1_radiobt3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="布"/>
</RadioGroup>
<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/L6_radioGroup2"
android:layout_below="@+id/L6_edit2"
android:paddingTop="20dp"
android:layout_alignRight="@+id/L6_image2"
android:paddingRight="20dp">
<RadioButton
android:id="@+id/L6_g2_radiobt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="石头"/>
<RadioButton
android:id="@+id/L6_g2_radiobt2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="剪刀"/>
<RadioButton
android:id="@+id/L6_g2_radiobt3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="布"/>
</RadioGroup>
<Button
android:id="@+id/L6_buttonOK"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"
android:textSize="20sp"
android:layout_below="@+id/L6_radioGroup1"
android:layout_centerHorizontal="true"/>
<TextView
android:id="@+id/L6_textResult"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/L6_buttonOK"
android:paddingTop="20sp"
android:text="测试结果"
android:textColor="@color/colorPrimaryDark"
android:textSize="20sp"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
Activity:
package com.example.urien.secondapp;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;
public class Lesson6_Activity extends AppCompatActivity {
//1.声明要用到的控件
private RadioGroup radioGroup1;
private RadioGroup radioGroup2;
private RadioButton g1_radio1;
private RadioButton g1_radio2;
private RadioButton g1_radio3;
private RadioButton g2_radio1;
private RadioButton g2_radio2;
private RadioButton g2_radio3;
private Button buttonOk;
private TextView textView;
private EditText editText1;
private EditText editText2;
private String str_result1 = "石头";
private String str_result2 = "石头";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_lesson6_);
// textView.setText("测试结果");
//2.找到相对应的控件
_FindView();
//3.设置监听器
radioGroup1.setOnCheckedChangeListener(new _RadioGroupListener1());
radioGroup2.setOnCheckedChangeListener(new _RadioGroupListener2());
buttonOk.setOnClickListener(new _ButtonClickListener());
}
private void _FindView(){
radioGroup1 = findViewById(R.id.L6_radioGroup1);
radioGroup2 = findViewById(R.id.L6_radioGroup2);
g1_radio1 = findViewById(R.id.L6_g1_radiobt1);
g1_radio2 = findViewById(R.id.L6_g1_radiobt2);
g1_radio3 = findViewById(R.id.L6_g1_radiobt3);
g2_radio1 = findViewById(R.id.L6_g2_radiobt1);
g2_radio2 = findViewById(R.id.L6_g2_radiobt2);
g2_radio3 = findViewById(R.id.L6_g2_radiobt3);
buttonOk = findViewById(R.id.L6_buttonOK);
textView = findViewById(R.id.L6_textResult);
editText1 = findViewById(R.id.L6_edit1);
editText2 = findViewById(R.id.L6_edit2);
//默认选择一个,不然在没有选择的情况下会闪退
g1_radio1.setChecked(true);
g2_radio1.setChecked(true);
}
//RadioGroup1监听函数
class _RadioGroupListener1 implements RadioGroup.OnCheckedChangeListener{
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
if(g1_radio1.isChecked()) str_result1 = "石头";
else if(g1_radio2.isChecked()) str_result1 = "剪刀";
else if(g1_radio3.isChecked()) str_result1 = "布";
}
}
//RadioGroup2监听函数
class _RadioGroupListener2 implements RadioGroup.OnCheckedChangeListener{
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
if(g2_radio1.isChecked()) str_result2 = "石头";
else if(g2_radio2.isChecked()) str_result2 = "剪刀";
else if(g2_radio3.isChecked()) str_result2 = "布";
}
}
//按键监听函数
class _ButtonClickListener implements View.OnClickListener{
@Override
public void onClick(View v) {
String result = null;
if(str_result1 == "石头"){
if(str_result2 == "石头") result = "打平手!";
else if(str_result2 == "剪刀") result = "A赢了!";
else if(str_result2 == "布") result = "B赢了!";
}
else if(str_result1 == "剪刀") {
if (str_result2 == "石头") result = "B赢了!";
else if (str_result2 == "剪刀") result = "打平手!";
else if (str_result2 == "布") result = "A赢了!";
}
else if(str_result1 == "布"){
if (str_result2 == "石头") result = "A赢了!";
else if (str_result2 == "剪刀") result = "B赢了!";
else if (str_result2 == "布") result = "打平手!";
}
String UserA = editText1.getText().toString();
String UserB = editText2.getText().toString();
String winner = null;
System.out.println("UserName = " + UserA + ",UserNameB = " + UserB + ",winner = " + winner);
//判断有没有正确的输入用户名
//if(UserA == null || UserB == null)
//if(UserA == "" && UserB == "" )
//用上面两个方法行不通都不好用
//所以换成通过判断字符串长度来判定字符串为空
if(UserA.length() == 0 || UserB.length()==0) {
System.out.println("还没有输入姓名");
Toast.makeText(Lesson6_Activity.this,"请输入姓名",Toast.LENGTH_LONG).show();
}
else {
// if(result == "A赢了!") winner = editText1.getText().toString();
// else if(result == "B赢了!") winner = editText2.getText().toString();
//用下面contains文本包含更方便快捷 也不容易出错
if (result.contains("A")) winner = UserA + " 赢了";
else if (result.contains("B")) winner = UserB + "赢了";
else winner = "打平手!";
textView.setText(winner);
System.out.println(winner);
}
//
}
}
}
By Urien 2018年5月15日 16:45:31