GeoQuiz应用实现

一、简介

    这是一个简易的地理知识问答app。本次实验是一个初步设计，主要内容有：首先设计出一个界面（相当于android入门），这个界面包括一个TextView用来展示题目，以及两个按钮，一个代表true，另一个代表false，当点击这两个按钮中的一个时主界面上要给出答题是否正确。其次，还要实现答完题后题目自动跳转。

    通过这个实验主要来熟悉activity、布局文件的基本概念以及编写简单Android应用的流程。

二、设计思想——Android MVC

    MVC即Model-View-Controller。M：逻辑模型，V：视图模型，C：控制器。

    MVC模式下，系统框架的类库被划分为3种：模型（Model）、视图（View）、控制器（Controller）。模型对象负责建立数据结构和相应的行为操作处理。视图对象负责在屏幕上渲染出相应的图形信息展示给用户看。控制器对象负责截获用户的按键和屏幕触摸等事件，协调Model对象和View对象。

    用户与视图交互，视图接收并反馈用户的动作；视图把用户的请求传给相应的控制器，由控制器决定调用哪个模型，然后由模型调用相应的业务逻辑对用户请求进行加工处理，如果需要返回数据，模型会把相应的数据返回给控制器，由控制器调用相应的视图，最终由视图格式化和渲染返回的数据，对于返回的数据完全可以增加用户体验效果展现给用户。

    （1）模型（Model）

    Model是一个应用系统的核心部分，代表了该系统实际要实现的所有功能处理。Model在values目录下通过xml文件格式生成，也可以通过硬编码的方式直接Java代码生成。View和Model是通过桥梁Adapter来连接起来。

    （2）视图（View）

    View是软件应用传送给用户的一个反馈结果。它代表软件应用中的图形展示、声音播放、触觉反馈等职责。视图的根节点是应用程序的自身窗口。View在layout目录下通过xml文件格式生成，用findViewById()获取；也可以通过硬编码的方式直接Java代码生成。

    （3）控制器（Controller）

    Controller在软件应用负责对外部事件的响应，包括：键盘敲击、屏幕触摸、电话呼入等。Controller实现了一个事件队列，每一个外部事件均在事件队列中被唯一标识。框架依次将事件从队列中移出并派发出去。

XML文件：

<LinearLayout 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:gravity="center"
    android:orientation="vertical"
    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=".MainActivity" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:id = "@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="The Pacific Ocean is larger than the Atlantic Ocean." />
    </LinearLayout>
    
    
     <TextView 
        android:id="@+id/tv2"
        android:layout_width="20dp"
        android:layout_height = "30dp"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    

    <Button
        android:id="@+id/bu1"
        android:layout_width="90dp"
        android:layout_height="30dp"
        android:background="#3d9aaf"
        android:text="true" />
    
    <TextView 
        android:id="@+id/tv2"
        android:layout_width="20dp"
        android:layout_height = "30dp"/>
    
    <Button
        android:id="@+id/bu2"
        android:layout_width="90dp"
        android:layout_height="30dp"
        android:background="#3d9aaf"
        android:text="False" />
    
    </LinearLayout>

</LinearLayout>

    以上是一个简单的界面，主要用到的是线性布局（LinearLayout），然后我们再设置一下居中、垂直。

android:gravity="center"
android:orientation="horizontal"

android:layout_width="wrap_content"       

android:layout_height="wrap_content"

    添加一个TextView，两个Button，首先都要设定他们的大小（wrap_content 指自适应大小，根据内容来自动调整大小）

android:layout_width="wrap_content"
android:layout_height="wrap_content"

    然后就是他们的显示的内容，true和false两个按钮则要先设置其text。我们为了提高代码的复用，减少硬编码，我们将使用字符串的引用来设置两个按钮的text。首先要在strings.xml文件中（res->values->strings.xml）添加两个字符串。

<string name="true_button">true</string>
<string name="false_button">false</string>

    然后在activity_main.xml文件中设置两个按钮的text

android:text="@string/true_button"

控制层：

package com.example.testcase;



import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener{
	private Button but1,but2,but;
	private TextView tv;
	private int id;
	

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		but1 = (Button) this.findViewById(R.id.bu1);
		but2 = (Button) this.findViewById(R.id.bu2);
		tv = (TextView) this.findViewById(R.id.tv1);
		but1.setOnClickListener(this);
		but2.setOnClickListener(this);
		return true;
	}

	@Override
	public void onClick(View v) {
		id = v.getId();
		if(id == but1.getId()){
			Toast.makeText(this, "恭喜你，答对了!", 0).show();
		}else{
			Toast.makeText(this, "Sorry,答错了！", 0).show();
		}
	}

}

package com.example.testcase;

public class TrueFalse {
	private int mQestion;//保存地理知识字符串的id
	private boolean mTrueQuestion;
	public TrueFalse(int mQestion, boolean mTrueQuestion) {
		super();
		this.mQestion = mQestion;
		this.mTrueQuestion = mTrueQuestion;
	}
	public int getmQestion() {
		return mQestion;
	}
	public void setmQestion(int mQestion) {
		this.mQestion = mQestion;
	}
	public boolean ismTrueQuestion() {
		return mTrueQuestion;
	}
	public void setmTrueQuestion(boolean mTrueQuestion) {
		this.mTrueQuestion = mTrueQuestion;
	}
}

三、最终效果