今天的主要任务是实现Android端的画板功能，为了丰富任务的内容，我打算模拟游戏“你画我猜”的模式进行开发。
首先是登录界面，和第一天所开发的界面一样，填好账号密码，选择游戏区服后进行登录，虽然我没有在这里进行账号密码的验证，但是为了接下来的UI可以有更逼真的游戏效果，所以在登录前先填好所有信息，下面是登录界面：
登录界面主要就是账号密码的录入和登录的activity跳转，这里就不在贴代码了
接下来是登陆后的界面，这个界面是玩家输入答案和提示信息的地方，就如“你画我猜”一样，首先是电脑出题然后在让一个玩家画画，另一个玩家再根据提示信息进行猜解。不同的是，这里的答案和提示信息都要玩家手动输入，下面是游戏的界面
这个界面也比较简单，后台的java代码就是简单的定位各个组件和一些传值，这里也不贴代码了。
接下来是整个游戏的重点部分，就是画图的模块。界面由这几个部分构成，画布，提示信息，颜色的选择器，答案输入框，输入的历史记录，计时器还有提交按键。主要的功能是这样的，首先是已知答案的玩家根据答案进行绘图，另外一个玩家根据给出的提示信息和图样在给定的时间内猜出答案，当答案正确时会有弹框提示，否则答案将被放到答题的历史记录中，当时间到了玩家还没能猜出答案，系统也会弹框提示并给出正确的答案，下面是游戏开始的部分
答案输入错误，答案归入历史记录，请继续作答！
为了有更好的游戏体验，我在答案的前面加上了当前账户的昵称，这样是不是效果更佳！这就是为什么要输入账号的原因
时间结束没能猜出答案，弹框提醒，按下确认键回到输入答案的界面
点击确认键回到输入答案的界面
当输入正确答案时，弹框提醒，点击确认回到输入答案的界面
下面是绘画界面的xml，都是一些标准的组件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".Play" >
<com.example.huaban.paintview
android:id="@+id/paintview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/paintview"
android:layout_alignTop="@+id/paintview"
android:layout_marginLeft="104dp"
android:layout_marginTop="42dp"
/>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignRight="@+id/paintview"
android:text="@string/tijiao" />
<TextView
android:id="@+id/textView2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/editText1"
android:layout_alignLeft="@+id/paintview"
android:layout_marginBottom="17dp"
/>
<EditText
android:id="@+id/editText1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/button1"
android:layout_alignParentRight="true"
android:layout_marginBottom="18dp"
android:ems="10" />
<Spinner
android:id="@+id/color"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/paintview"
android:layout_alignParentLeft="true"
android:entries="@array/color"
/>
</RelativeLayout>
java实现的代码，里面有注释，这里不再说明
package com.example.huaban;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.os.CountDownTimer;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.AlertDialog.Builder;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Point;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.TextView;
import android.widget.AdapterView.OnItemSelectedListener;
public class Play extends Activity {
private TextView tishi_view;
private String daan;
private EditText shuru;
private TextView ed;
private Button button;
private Spinner spinner;
private String color1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_play);
//新建一个Intent，用于接受从上一个Activity传过来的值
Intent intent=getIntent();
daan=intent.getStringExtra("question");
//定位组件，读取与写入
tishi_view=(TextView)findViewById(R.id.textView1);
shuru=(EditText)findViewById(R.id.editText1);
ed=(TextView)findViewById(R.id.textView2);
button=(Button)findViewById(R.id.button1);
spinner=(Spinner)findViewById(R.id.color);
//定时器的实现
CountDownTimer cdt = new CountDownTimer(100000, 100) {
@Override
public void onTick(long millisUntilFinished) {
Intent intent=getIntent();
//将倒计时显示在界面上
tishi_view.setText("提示："+intent.getStringExtra("tishi")+" "+"倒计时："+millisUntilFinished + "");
}
@Override
public void onFinish() {
//计时结束后的弹出框
AlertDialog.Builder builder = new Builder(Play.this);
builder.setTitle("时间到" ) ;
builder.setMessage("正确答案:"+ daan) ;
builder.setPositiveButton("是" , new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Intent intent=new Intent();
intent.setClass(Play.this, Question.class);
Play.this.startActivity(intent);
}});
builder.show();
}
};
//开始计时
cdt.start();
//tishi_view.setText("提示："+intent.getStringExtra("tishi"));
//颜色选择器的定位
spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView<?> parent, View view,
int position, long id) {
//拿到被选择项的值
color1 = (String) spinner.getSelectedItem();
if(color1.equals("红色"))
paintview.color1=-1001;
else if(color1.equals("黄色"))
paintview.color1=-1003;
else if(color1.equals("绿色"))
paintview.color1=-1004;
else if(color1.equals("蓝色"))
paintview.color1=-1006;
else if(color1.equals("紫色"))
paintview.color1=-1007;
else
paintview.color1=1000;
}
@Override
public void onNothingSelected(AdapterView<?> parent) {
// TODO Auto-generated method stub
} });
//提交正确答案的提示
button.setOnClickListener(new OnClickListener(){
@Override
public void onClick(View v)
{Intent intent=getIntent();
ed.setText(ed.getText().toString()+"\n"+intent.getStringExtra("zhanghu")+"："+shuru.getText().toString());
if(daan.equals(shuru.getText().toString())){
AlertDialog.Builder builder = new Builder(Play.this);
builder.setTitle("恭喜" ) ;
builder.setMessage("答案正确" ) ;
builder.setPositiveButton("是" , new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Intent intent=new Intent();
intent.setClass(Play.this, Question.class);
Play.this.startActivity(intent);
}});
builder.show();
}
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.play, menu);
return true;
}
}