美文网首页
GeoQuiz项目总结

GeoQuiz项目总结

作者: Tenaron | 来源:发表于2017-09-15 14:23 被阅读0次

  • 用户界面设计
  • Android 与MVC模式
  • Activity生命周期
  • 第二个Activity
  • 心得体会

用户界面设计

用户界面是由组件构造而成的,它可以显示文字或图像,与用户交互,甚至布置屏幕上的其他组件。默认的activity布局是由RelativeLayoutTextView两个组件构成。且一个activity只能有一个LinearLayout根元素,作为根元素,必须指定Android XML的资源文件的命名空间(namespace)属性。


Android 与MVC模式

Android 应用是基于MVC模式开发的,模型——视图——控制器的架构模式。

模型对象:存储应用的数据和业务逻辑
视图对象:用户界面,由各类组件构成
控制器对象:包含应用的逻辑单元,响应视图对象触发的事件,管理视图对象和模型对象之间的数据流动。(Activity、Fragment、Service)

更新视图层

增加一个Next按钮

<Button
        android:id="@+id/next_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawablePadding="4dp"
        android:text="@string/next_button" />

更新字符串资源

<string name="next_button">Next</string>

新增问题字符串

    <string name="question_australia">Canberra is the capital of Ausrtalia .</string>
    <string name="question_oceans">The Pacific Ocean is larger than the Atlanic Ocean</string>
    <string name="question_mideast">The Suez Canal connects the Red Sea and the Indian Ocean</string>
    <string name="question_africa">The source of the Nile River is in Egypt.</string>
    <string name="question_americas">The Amazon River is the longer river in the Americas.</string>
    <string name="question_asia">Lake Baikal is the world\'s oldest and deepest freshwater lake.</string>

更新控制器层

增加按钮变量及Question对象数组

private TextView mQuestionTextView;

private Question[] mQuestionBank = new Question[] {
      new Question(R.string.question_australia,true),
            new Question(R.string.question_oceans,true),
            new Question(R.string.question_mideast,true),
            new Question(R.string.question_africa,true),
            new Question(R.string.question_americas,true),
            new Question(R.string.question_asia,true)
    };

使用UpdateQuestion()封装公共代码

mNextButton =(Button)findViewById(R.id.next_button);
        mNextButton.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View view) {
                mCurrentIndex =(mCurrentIndex + 1)%mQuestionBank.length;
                mIsCheater = false;
                //int question = mQuestionBank[mCurrentIndex].getmTextResId();
                //mQuestionTextView.setText(question);
                updateQuestion();
            }
        });

        mCheatButton = (Button) findViewById(R.id.cheat_button);
        mCheatButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Start CheatActicity
                //Intent intent=new Intent(QuizActivity.this,CheatActivity.class);
                boolean answerIsTrue = mQuestionBank[mCurrentIndex].ismAnswerTrue();
                Intent intent = CheatActivity.newIntent(QuizActivity.this,answerIsTrue);
                //startActivity(intent);
                startActivityForResult(intent,REQUEST_CODE_CHEAT);
            }
        });
        updateQuestion();
    }
    
    
     private void updateQuestion() {
        Log.d(TAG,"updating question",new Exception());
        int question = mQuestionBank[mCurrentIndex].getmTextResId();
        mQuestionTextView.setText(question);
    }

增加checkAnswer()方法——判断用户答案的正确性,修正之前代码的逻辑性错误(认为所有答案都是true)

 private void checkAnswer(boolean userPressedTrue) {
        boolean answerIsTrue = mQuestionBank[mCurrentIndex].ismAnswerTrue();
        int messageResId = 0;
        if (mIsCheater) {
            messageResId = R.string.judgment_toast;
        }else {
            if (userPressedTrue == answerIsTrue) {
                messageResId = R.string.correct_toast;
            }else {
                messageResId = R.string.incorrect_toast;
            }
        }


        Toast.makeText(this,messageResId,Toast.LENGTH_SHORT).show();
    }

调用checkAnswer()方法,在按钮的监听器里

mTrueButton = (Button) findViewById(R.id.true_button);
        mTrueButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Toast.makeText(QuizActivity.this,
                       // R.string.correct_toast,
                        //Toast.LENGTH_SHORT).show();
                //Dose nothing yet,but soon!
                checkAnswer(true);

            }
        });
        mFalseButton = (Button) findViewById(R.id.false_button);
        mFalseButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
               // Toast.makeText(QuizActivity.this,
                 //       R.string.incorrect_toast,
                   //     Toast.LENGTH_SHORT).show();
                //Does nothing yet, but soon!
                checkAnswer(false);
            }
        });

Acticity的生命周期

activity的状态:不存在、停止、暂停、运行

用户可以与当前运行状态下的activity交互。但是任何时候只有一个activity能与用户进行交互。

activty的生命周期回调函数:onCreate()onDestory()onStart()onStop()onResume()onPause().

通过这几种方法可以在activity的生命周期状态发生关键性转换时完成某些工作。

日志跟踪理解activity生命周期

由于覆盖方法会输出日志,我们可以通过覆盖activity生命周期方法来了解activity的状态变化情况。

输出日志信息

新增一个日志常量

private static final String TAG = "QuizActivity";

onCreate(Bundle)方法添加日志输出代码

...
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        **Log.d(TAG,"onCreate(Bundle) calles");**
        setContentView(R.layout.activity_quiz);
...

覆盖更多生命周期方法

...
@Override
    protected void onStart() {
        super.onStart();
        Log.d(TAG,"onStart() called");
    }

    @Override
    protected void onResume() {
        super.onResume();
        Log.d(TAG,"onResume() called");
    }

    @Override
    protected void onPause() {
        super.onPause();
        Log.d(TAG,"onPause() called");
    }
    
     @Override
    protected void onStop() {
        super.onStop();
        Log.d(TAG,"onStop() called");
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        Log.d(TAG,"onDestory() called");
    }
    ...

创建水平模式布局

1.右键单击res目录后选择New->Android resources directory ,选择layout资源类型
2.将待选资源特征列表中的Orientation单击>>按钮将其移动到已选资源特征区域中。
3.选中Screen orentation中的Landsacpe选项,目录名为layout-land

  • Android 视图下的看不到res/layout-land目录,需要切换到Project视图下。

第二个Activity

一个activity控制一屏信息,新activity是用来方便用户偷看答案的

  • 启动activity:基于intent的通信——intent对象是compoment用来与操作系统通信的一种媒介工具
  • activity的数据传递:使用intent extra ,从子activity获取返回结果

具体代码如下:
QuizActivity.java

    private static final String KEY_INDEX = "index";
    private static final int REQUEST_CODE_CHEAT = 0;
    
    ...
    mCheatButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Start CheatActicity
                //Intent intent=new Intent(QuizActivity.this,CheatActivity.class);
                boolean answerIsTrue = mQuestionBank[mCurrentIndex].ismAnswerTrue();
                Intent intent = CheatActivity.newIntent(QuizActivity.this,answerIsTrue);
                //startActivity(intent);
                startActivityForResult(intent,REQUEST_CODE_CHEAT);
            }
        });
        
        @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (resultCode != Activity.RESULT_OK) {
            return;
        }
        if (requestCode == REQUEST_CODE_CHEAT) {
            if (data == null) {
                return ;
            }
            mIsCheater = CheatActivity.wasAnswerShown(data);
        }
    }
    ...

CheatActivity.java

private static final String EXTRA_ANSWER_IS_TRUE ="cn.happy.qxy.geoquiz.answer_is_true";
private boolean mAnswerIsTrue;

 public static Intent newIntent(Context packageContext,boolean answerIsTrue) {
        Intent intent = new Intent(packageContext,CheatActivity.class);
        intent.putExtra(EXTRA_ANSWER_IS_TRUE,answerIsTrue);
        return intent;
    }

 public static boolean wasAnswerShown(Intent result) {
        return result.getBooleanExtra(EXTRA_ANSWER_IS_TRUE,false);
    }

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

        mAnswerIsTrue = getIntent().getBooleanExtra(EXTRA_ANSWER_IS_TRUE,false);
        mAnswerTexView = (TextView) findViewById(R.id.answer_text_view);

        mShowAnswerButton = (Button) findViewById(R.id.show_answer_button);
        mShowAnswerButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mAnswerIsTrue) {
                    mAnswerTexView.setText(R.string.true_button);
                }else {
                    mAnswerTexView.setText(R.string.false_button);
                }
                setAnswerShownResult(true);
            }
        });
    }
    private void setAnswerShownResult(boolean isAnswerShown) {
        Intent data = new Intent();
        data.putExtra(EXTRA_ANSWER_IS_TRUE,isAnswerShown);
        setResult(RESULT_OK,data);
    }

心得体会

以上就是本次项目一些重要的步骤,及详细的代码展示。麻雀虽小,组脏俱全。
了解到Android Studio 的独有的优势:

  • 速度优于Eclipse
  • 提示补全更加人性化
  • 支持Google Cloud Platform
  • 强大的UI编辑器
  • 受欢迎的第三方GenyMoton虚拟机
  • Android Studio特有的异常调试工具Android Lint

相关文章

网友评论

      本文标题:GeoQuiz项目总结

      本文链接:https://www.haomeiwen.com/subject/sqmssxtx.html