这一章主要学习的是MVC模式的设计,以GeoQuiz项目为例,MVC模式可用下图表示:
- 模型对象存储着应用的数据和业务逻辑。模型类通常用来映射与应用相关的一些事物,如用户、商店里的商品、服务器上的图片或者一段电视节目,抑或GeoQuiz应用里的地理知识 问题。模型对象不关心用户界面,它为存储和管理应用数据而生。 Android应用里,模型类通常就是我们创建的定制类。应用的全部模型对象组成了模型层。 GeoQuiz应用的模型层由Question类组成。
- 视图对象知道如何在屏幕上绘制自己,以及如何响应用户的输入,如触摸动作等。一个 简单的经验法则是,凡是能够在屏幕上看见的对象,就是视图对象。 Android自带很多可配置的视图类。当然,也可以定制开发其他视图类。应用的全部视图 对象组成了视图层。 GeoQuiz应用的视图层是由activity_quiz.xml文件中定义的各类组件构成的。
- 控制器对象含有应用的逻辑单元,是视图对象与模型对象的联系纽带。控制器对象响应 视图对象触发的各类事件,此外还管理着模型对象与视图层间的数据流动。 在Android的世界里,控制器通常是Activity、Fragment或Service的子类(第7章和第 28章将分别介绍fragment和service的概念)。GeoQuiz应用的控制器层目前仅由QuizActivity类组成。
MVC模式的优点
- 耦合性低。视图层和业务层分离,这样就允许更改视 图层代码而不用重新编译模型和控制器代码。
- 重用性高。多个视图能共享一个模型。
- 生命周期成本低。 MVC使开发和维护用户接口的技术 含量降低。
MVC模式的不足
- 增加了系统结构和实现的复杂性。对于简单的界面, 严格遵循MVC,会增加结构的复杂性,并可能产生过 多的更新操作,降低运行效率。
- 视图与控制器间的连接过于紧密。视图没有控制器的 存在,其应用是很有限的,反之亦然。
本节的课后练习:
1.为TextView设置点击监听事件,当点击TextView时会同样的跳到下一道题。
解:
在Mainactivity里获得视图的TextView控件,然后为控件绑定监听事件,代码如下:
mQuestionTextView = (TextView) findViewById(R.id.question_text_view);
mQuestionTextView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mCurrentIndex = (mCurrentIndex + 1) % mQuestionBank.length;
updateQuestion();
}
});
2.添加一个Prev按钮,点击可以查看前一个道题
解:
跟NextButton差不多,在视图里新建一个LinearLayout布局,然后将Next按钮和Prev按钮放入其中,注意在写Prev按钮的逻辑时,要考虑当题号为第0题时,数组越界的问题。改动代码如下:
activity_main.xml代码:
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<!--<Button-->
<!--android:id="@+id/prev_button"-->
<!--android:layout_width="wrap_content"-->
<!--android:layout_height="wrap_content"-->
<!--android:drawableRight="@drawable/arrow_left"-->
<!--android:text="@string/prev_button"-->
<!--android:drawablePadding="4dp"/>/>-->
<!--<Button-->
<!--android:id="@+id/next_button"-->
<!--android:layout_width="wrap_content"-->
<!--android:layout_height="wrap_content"-->
<!--android:text="@string/next_button"-->
<!--android:drawableRight="@drawable/arrow_right"-->
<!--android:drawablePadding="4dp"/>-->
<ImageButton
android:id="@+id/prev_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/arrow_left"/>
<ImageButton
android:id="@+id/next_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/arrow_right"/>
</LinearLayout>
MainActivity.java代码:
mPrevButton= (ImageButton) findViewById(R.id.prev_button);
mPrevButton.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v) {
if(mCurrentIndex==0){
mCurrentIndex=mQuestionBank.length-1;
}
else{
mCurrentIndex = (mCurrentIndex -1) % mQuestionBank.length;
}
updateQuestion();
}
});
3.将GeoQuiz中的Next、Prev按钮换成ImageButton,以在界面中显 示只有图标的按钮
解:
把对应的Button控件改为成ImageButton即可