GeoQuiz项目总结

通过学习Android基本概念与构成应用的基本组件,来开发一个叫GeoQuiz的应用。该应用的用途是测试用户的地理知识。用户单击TRUE或FALSE按钮来回答屏幕上的问题,GeoQuiz可即时反馈答案正确与否。

开发前的准备工作

想要开发一个Android应用,首先要在电脑上装上开发软件。在这里推荐Android Studio,本文所有的开发都是在该平台上进行的。

Android Studio的安装包括:

1.Android SDK

最新版本的Android SDK。

2.Android SDK工具和平台工具

用来测试与调试应用的一套工具。

3.Android模拟器系统镜像

用来在不同虚拟设备上开发测试应用。

 下载与安装

可以从Android开发者网站下载Android Studio:https://developer.android.com/sdk/。

首次安装的话,你还需要从http://www.oracle.com下载并安装Java开发者套件(JDK7)。

如仍有安装问题,请访问网址https://developer.android.com/sdk/寻求帮助。

下载早期版本的SDK

Android Studio自带最新版本的SDK和系统模拟器镜像。但若想在Android早期版本上测试应用,还需额外下载相关工具组件。可通过Android SDK管理器来配置安装这些组件。在Android Studio中,选择To o ls→Android→SDK Manager菜单项,如图0-1所示。

Android项目实战 Android项目实战总结_Android项目实战

                              0-1  Andriod SDK管理器

选择并安装需要的Android版本和工具。下载这些组件需要一定时间,请耐心等待。

通过Android SDK管理器,还可以及时获取Android最新发布内容,比如新系统平台或新版本工具等。

应用开发

1.1 项目的创建

首先,打开Android Studio,创建GeoQuiz项目。

Android项目实战 Android项目实战总结_android_02

然后是这次项目的一个目录。如下图:

Android项目实战 Android项目实战总结_Android项目实战_03

1.2 代码的编写

1.2.1 界面设计

本项目所需要的界面如下所示。

Android项目实战 Android项目实战总结_Android项目实战_04

Android项目实战 Android项目实战总结_android_05

Android项目实战 Android项目实战总结_Android项目实战_06

1.2.2 源码

首先先在spring.xml中将设置处理好。

1 <resources>
 2     <string name="app_name">GeoQuiz</string>
 3 
 4     <string name="true_button">TRUE</string>
 5     <string name="false_button">FALSE</string>
 6     <string name="next_button">NEXT</string>
 7     <string name="prev_button">PREV</string>
 8     <string name="correct_toast">Correct!</string>
 9     <string name="incorrect_toast">Incorrect!</string>
10     <string name="warning_text">Are you sure you want to do this?</string>
11     <string name="show_answer_button">Show Answer</string>
12     <string name="cheat_button">Cheat!</string>
13     <string name="judgment_toast">Cheating is wrong.</string>
14     <string name="question_oceans">The Pacific Ocean is larger than the Atlantic Ocean.</string>
15     <string name="question_mideast">The Suez Canal connects the Red Sea and the Indian Ocean.</string>
16     <string name="question_africa">The source of the Nile River is in Egypt.</string>
17     <string name="question_americas">The Amazon River is the longest river in the Americas.</string>
18     <string name="question.asia">Lake Baikal is the world\'s oldest and deepest freshwater lake.</string>
19 </resources>

 

在QuizActivity.java中实现从布局到视图。

1     @Override
 2     protected void onCreate(Bundle savedInstanceState) {
 3         super.onCreate(savedInstanceState);
 4         Log.d(TAG, "onCreate(Bundle) called");
 5         setContentView(R.layout.activity_quiz);
 6 
 7         if (savedInstanceState != null) {
 8             mCurrentIndex = savedInstanceState.getInt(KEY_INDEX, 0);
 9         }
10 
11         mQuestionTextView = (TextView) findViewById(R.id.question_text_view);
12 
13         mTrueButton = (Button) findViewById(R.id.true_button);
14         mTrueButton.setOnClickListener(new View.OnClickListener() {
15             @Override
16             public void onClick(View v){
17                 checkAnswer(true);
18             }
19         });
20         mFalseButton = (Button) findViewById(R.id.false_button);
21         mFalseButton.setOnClickListener(new View.OnClickListener() {
22             @Override
23             public void onClick(View v){
24                 checkAnswer(false);
25             }
26         });
27 
28         mNextButton = (Button) findViewById(R.id.next_button);
29         mNextButton.setOnClickListener(new View.OnClickListener() {
30             @Override
31             public void onClick(View v) {
32                 mCurrentIndex = (mCurrentIndex + 1) % mQuestionBank.length;
33                 mIsCheater = false;
34                 updateQuestion();
35             }
36         });
37 
38         mPrevButton = (Button) findViewById(R.id.prev_button);
39         mPrevButton.setOnClickListener(new View.OnClickListener() {
40             @Override
41             public void onClick(View v) {
42                 mCurrentIndex = (mCurrentIndex - 1) % mQuestionBank.length;
43                 updateQuestion();
44             }
45         });
46 
47         mCheatButton = (Button)findViewById(R.id.cheat_button);
48         mCheatButton.setOnClickListener(new View.OnClickListener() {
49             @Override
50             public void onClick(View v) {
51                 boolean answerIsTrue = mQuestionBank[mCurrentIndex].ismAnswerTrue();
52                 Intent intent = CheatActivity.newIntent(QuizActivity.this, answerIsTrue);
53                 startActivityForResult(intent, REQUEST_CODE_CHEAT);
54             }
55         });
56 
57         updateQuestion();
58 
59     }

 在Question.java模型层代码

1 public class Question {
 2     private int mTextResId;
 3     private boolean mAnswerTrue;
 4 
 5     public Question(int textResId, boolean answerTrue){
 6         mTextResId = textResId;
 7         mAnswerTrue = answerTrue;
 8     }
 9 
10     public int getmTextResId() {
11         return mTextResId;
12     }
13 
14     public void setmTextResId(int mTextResId) {
15         this.mTextResId = mTextResId;
16     }
17 
18     public boolean ismAnswerTrue() {
19         return mAnswerTrue;
20     }
21 
22     public void setmAnswerTrue(boolean mAnswerTrue) {
23         this.mAnswerTrue = mAnswerTrue;
24     }
25 }

1.3 Android与MAC设计模式

下图展示了在响应用户单击按钮等事件时,对象间的交互控制数据流。注意,模型对象与视图对象不直接交互。控制器作为它们之间的联系纽带,接收对象发送的消息,然后向其他对象发送操作指令。

Android项目实战 Android项目实战总结_Android项目实战_07

创建数组对象,通过与Textview和button交互,在屏幕上显示问题,并且对用户的回答做出反应。

Android项目实战 Android项目实战总结_Android项目实战_08

1.4 activity的生命周期

Android项目实战 Android项目实战总结_android_09

Activity的状态图解

1.5 第二个Activity

activity_cheat.xml中的组件代码

1 <?xml version="1.0" encoding="utf-8"?>
 2 
 3 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 4                 xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="vertical"
 8     android:gravity="center"
 9     tools:context="classroom.geoquiz.CheatActivity">
10 
11     <TextView
12         android:layout_width="wrap_content"
13         android:layout_height="wrap_content"
14         android:padding="24dp"
15         android:text="@string/warning_text"/>
16 
17     <TextView
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:id="@+id/answer_text_view"
21         android:padding="24dp"
22         tools:text="Answer"/>
23 
24     <Button
25         android:id="@+id/show_answer_button"
26         android:layout_width="wrap_content"
27         android:layout_height="wrap_content"
28         android:text="@string/show_answer_button"/>
29 
30 </LinearLayout>

 

 创建了第二个Activity,目的是为了方便用户查看答案。

Android项目实战 Android项目实战总结_android_10

这是第二个activity的组件示意图。

1.6 启动activity

要启动activity需要通过startActivity()方法。

Intent intent = CheatActivity.newIntent(QuizActivity.this, answerIsTrue);
                startActivityForResult(intent, REQUEST_CODE_CHEAT);