安卓之旅第四站--实战演练之Bullseye小游戏制作

在学习了UI布局设计和Activity之后，我们用一个小游戏制作来检验之前的学习成功，实践才是检验真理的王道。

这次要做的这个小游戏是根据SeeBar控件设计的。效果图如下：

通过拖动进度条的位置是否和目标位置吻合来获取分数,接下来就上代码.

首先要修改屏幕的方向，这是一个横屏游戏，默认的是竖屏，所以需要修改屏幕的方向。

打开AndroidMainifest.xml文件，在activity里添加screenOrientation属性为landscape（横屏），

UI部分：activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="cn.edu.bzu.bullseyeday01.MainActivity"
    android:background="@drawable/background">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center">
        <TextView
            android:id="@+id/tv_target"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="小样把进度条拖到：100"
            android:layout_gravity="center"
            android:textColor="@color/white"
            android:textSize="20dp"
            />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        android:weightSum="1">
        <SeekBar
            android:id="@+id/sb_bulsseye"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:max="100"
            android:progress="0"
            android:thumb="@drawable/circle"/>
        <ImageView
            android:id="@+id/btn_ok"
            android:layout_width="89dp"
            android:layout_height="wrap_content"
            android:hint="@string/_ok"
            android:src="@drawable/ok"
            
            android:layout_gravity="center_horizontal" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal"
        android:gravity="center">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:gravity="center"
            >
            <ImageView
                android:id="@+id/btn_help"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:hint="@string/_help"
                android:src="@drawable/helps"
                />
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_marginLeft="10dp">
                <TextView
                    android:id="@+id/tv_currentttscore"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/_currentscore"
                    android:textColor="@color/white"
                    />
                <TextView
                    android:id="@+id/tv_sorce"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/_sorce"
                    android:textColor="@color/white"
                    />
            </LinearLayout>

        </LinearLayout>
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_weight="1">

            <ImageView
                android:id="@+id/btn_replay"
                android:layout_width="39dp"
                android:layout_height="39dp"
                android:src="@drawable/replay"
                android:hint="@string/_replay" />

            <TextView
                android:id="@+id/tv_index"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/_index"
                android:layout_marginLeft="10dp"
                android:textColor="@color/white"
                />
        </LinearLayout>


    </LinearLayout>

</LinearLayout>

代码解释：这是一个简单的线性布局

首先把父容器垂直方向均分成三部分，然后最底下那部分再水平方向均分成两部分，然后左边这部分再水平方向

均分成两部分，然后在逐一放入控件。

MainActivity部分代码：

package cn.edu.bzu.bullseyeday01;

import android.app.Activity;
import android.content.Context;
import android.content.DialogInterface;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.Toast;

import java.util.Random;

public class MainActivity extends Activity {
    TextView tvTraget;
    TextView tvSocre;
    TextView tvIndex;
    TextView tvCurrentScore;
    SeekBar  sbBulsseye;
    ImageView   btnOk;
    ImageView btnHelp;
    ImageView   btnReplay;
    int randomSorce;
    int finalSorce;
    int index;
    int sorce;
    Context mContext;
    //声明控件
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);//关联布局，解析节点
        mContext=this;
        findView();
        randomOfSorce();
        setListener();
    }

    private void setListener() {//把所有的监听事件都放到一个总的监听方法中
        btnOk.setOnClickListener(new View.OnClickListener() {//建立搞定按钮的监听事件
            @Override
            public void onClick(View v) {
                //调用这里的方法
                index++;//局数增加
                int currentSorce=sbBulsseye.getProgress();//获取SeeBar你拖动的数值
                sorce=100-Math.abs(currentSorce-randomSorce);//计算本次分数
                finalSorce+=sorce;//累加总分
                setViewText();
                randomOfSorce();

            }
        });
        btnReplay.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                randomOfSorce();
                finalSorce=0;
                index=0;
                sorce=0;
                setViewText();

            }
        });
        btnHelp.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder builder=new AlertDialog.Builder(mContext);
                builder.setTitle("Help")
                        .setMessage("这是帮助")
                        .setPositiveButton("确认", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                dialog.dismiss();
                            }
                        });
                AlertDialog dialog=builder.create();
                dialog.show();
            }
        });
    }

    private void setViewText() {//刷新分数
        tvSocre.setText("总分数："+finalSorce);
        tvCurrentScore.setText("本局分数："+sorce);
        tvIndex.setText("局数："+index);
        sbBulsseye.setProgress(0);

    }
    private void randomOfSorce() {//调用随机数
        Random random=new Random();
        randomSorce=random.nextInt(99)+1;
        tvTraget.setText("小样把进度条拖到："+randomSorce);
    }

    private void findView() {//获取控件，对控件初始化
        tvTraget= (TextView) findViewById(R.id.tv_target);
        tvIndex= (TextView) findViewById(R.id.tv_index);
        tvSocre= (TextView) findViewById(R.id.tv_sorce);
        tvCurrentScore= (TextView) findViewById(R.id.tv_currentttscore);
        sbBulsseye= (SeekBar) findViewById(R.id.sb_bulsseye);
        btnReplay= (ImageView) findViewById(R.id.btn_replay);
        btnHelp= (ImageView) findViewById(R.id.btn_help);
        btnOk= (ImageView) findViewById(R.id.btn_ok);
    }
}

代码就是这些，自己动手实践吧！