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

综合了之前学习的内容,做了一款很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
  • 10
    点赞
  • 59
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值