前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《Android编程权威指南》之Android与MVC篇

《Android编程权威指南》之Android与MVC篇

作者头像
用户8928967
发布2021-08-20 17:01:08
1K0
发布2021-08-20 17:01:08
举报

升级 GeoQuiz 应用,展示更多的地理知识测试题目。

创建新类

New → Kotlin Class/File (Data Class),kt数据类很方便,比起 java,省去了很多代码。

代码语言:javascript
复制
data class Question(@StringRes val textResId: Int, val answer: Boolean)
  • Kotlin 数据类: 只保存数据的类,关键字为 data,编译器会自动的从主构造函数中根据所有声明的属性提取以下函数:
    • equals() / hashCode()
    • toString() 格式如 "User(name=John, age=42)"
    • componentN() functions 对应于属性,按声明顺序排列
    • copy() 函数
  • 数据类的要求:
    • 主构造函数至少包含一个参数
    • 主构造函数的参数必须标识为val 或者 var
    • 数据类不可以声明为 abstract, open, sealed 或者 inner
    • 在1.1版本之前,数据类只实现接口。1.1版本之后,数据类可以扩展其他类

Android 与 MVC 设计模式

MVC图解❞

  • M —— 模型对象存储着应用的数据和业务逻辑。比如说一些JavaBean属于这层,不关心用户界面,目的是存储和管理应用数据。
  • V —— 视图对象知道如何在屏幕上绘制自己以及如何响应用户的输入。比如说layout中的xml文件,也可以自定义控件,反正是看得见的对象,就是视图对象。
  • C —— 控制对象含有应用的逻辑单元,是视图与模型对象的联系纽带。通常是Activity、Fragment 或 Service 的一个子类。

MVC数据控制流与用户交互❞

注意,模型对象与视图对象不直接交互。控制器作为它们之间的联系纽带,接收对象发送的消息,然后向其他对象发送操作指令。

更新视图层
代码语言:javascript
复制
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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">

    <TextView
        android:id="@+id/question_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="24dp"
        tools:text="@string/question_australia" />

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

        <Button
            android:id="@+id/true_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/true_button" />

        <Button
            android:id="@+id/false_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:text="@string/false_button" />
    </LinearLayout>

    <Button
        android:id="@+id/next_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/next_button" />
</LinearLayout>
代码语言:javascript
复制
string.xml

<resources>
    <string name="app_name">GeoQuiz</string>
    <string name="question_australia">Canberra is the capital of Australia.</string>
    <string name="true_button">True</string>
    <string name="false_button">False</string>
    <string name="next_button">Next</string>

    <string name="correct_toast">Correct!</string>
    <string name="incorrect_toast">Incorrect!</string>

    <string name="question_oceans">The Pacific Ocean is larger than the Atlantic 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 longest river in the Americas.</string>
    <string name="question_asia">Lake Baikal is the world\'s oldest and deepest freshwater lake.</string>
</resources>
更新控制器层
代码语言:javascript
复制
MainActivity.kt

class MainActivity : AppCompatActivity() {

    private lateinit var trueButton: Button
    private lateinit var falseButton: Button
    private lateinit var nextButton: Button
    private lateinit var questionTextView: TextView

    private val questionBank = listOf(
        Question(R.string.question_australia, true),
        Question(R.string.question_oceans, true),
        Question(R.string.question_mideast, false),
        Question(R.string.question_africa, false),
        Question(R.string.question_americas, true),
        Question(R.string.question_asia, true)
    )
    private var currentIndex = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        trueButton = findViewById(R.id.true_button)
        falseButton = findViewById(R.id.false_button)
        nextButton = findViewById(R.id.next_button)
        questionTextView = findViewById(R.id.question_text_view)

        trueButton.setOnClickListener { checkAnswer(true) }
        falseButton.setOnClickListener { checkAnswer(false) }
        nextButton.setOnClickListener {
            currentIndex = (currentIndex + 1) % questionBank.size
            updateQuestion()
        }
        updateQuestion()
    }

    /**
     * 更新问题
     */
    private fun updateQuestion() {
        val questionTextResId = questionBank[currentIndex].textResId
        questionTextView.setText(questionTextResId)
    }

    private fun checkAnswer(userAnswer: Boolean) {
        val correctAnswer = questionBank[currentIndex].answer
        val messageResId = if (userAnswer == correctAnswer) {
            R.string.correct_toast
        } else {
            R.string.incorrect_toast
        }
        Toast.makeText(this, messageResId, Toast.LENGTH_SHORT).show()
    }
} 

添加图标资源

把图片资源放入 drawable 目录或者 mipmap 目录中,注意,文件名必须是小写字母且不能由任何空格符号。

  • ldpi:适用于低密度 (ldpi) 屏幕 (~ 120dpi) 的资源 | 36x36 (0.75x)
  • mdpi:中等像素密度屏幕(约160dpi)| 48x48(1.0x 基准)
  • hdpi:高像素密度屏幕(约240dpi)| 72x72 (1.5x)
  • xhdpi:超高像素密度屏幕(约320dpi)| 96x96 (2.0x)
  • xxhdpi:超超高像素密度屏幕(约480dpi)| 144x144 (3.0x)
  • xxxhdpi:超超超高像素密度屏幕(约640dpi)| 192x192 (4.0x)
  • nodpi:适用于所有密度的资源。这些是与密度无关的资源。无论当前屏幕的密度是多少,系统都不会缩放以此限定符标记的资源。
  • tvdpi:适用于密度介于 mdpi 和 hdpi 之间的屏幕(约 213dpi)的资源。这不属于“主要”密度组。它主要用于电视,而大多数应用都不需要它。对于大多数应用而言,提供 mdpi 和 hdpi 资源便已足够,系统将视情况对其进行缩放。如果您发现有必要提供 tvdpi 资源,应按一个系数来确定其大小,即 1.33*mdpi。例如,如果某张图片在 mdpi 屏幕上的大小为 100px x 100px,那么它在 tvdpi 屏幕上的大小应该为 133px x 133px。

将应用图标放在 mipmap 目录中!

屏幕像素密度

要在密度不同的屏幕上保留界面的可见尺寸,您必须使用密度无关像素 (dp) 作为度量单位来设计界面。dp 是一个虚拟像素单位,1 dp 约等于中密度屏幕(160dpi;“基准”密度)上的 1 像素。对于其他每个密度,Android 会将此值转换为相应的实际像素数。

在定义文本大小时,您应改用可缩放像素 (sp) 作为单位(但切勿将 sp 用于布局尺寸)。默认情况下,sp 单位与 dp 大小相同,但它会根据用户的首选文本大小来调整大小。

  • 矢量图形:(适配用,可以缩放到任何尺寸而不会出现缩放失真,通常最适合图标等插图,而不太适合照片)

Android 仅仅支持将 SVG 文件转换为 Android 的矢量图格式。

  1. 在 Project 窗口中,右键点击 res 目录
  2. New > Vector Asset,选择 Local file (SVG, PSD)
  3. 找到要导入的文件并进行任何调整,点击下一步再到 Finish
针对所有像素密度测试
  • Android 模拟器
  • Firebase 测试实验室

在设备上运行

用真机测试安装应用,需要连接上真机噢。如果在Mac系统上开发,系统应该会立即识别出所有设备。如果是Windows系统,则可能要安装adb(Android Debug Bridger)驱动。

真机要打开USB调试模式:

  • Android 4.2或之后版本的设备,开发选项默认不可见。设置->关于手机,多点击几次版本号启动它,然后回到设置->更多设置->开发者选项,勾选USB调试 USB安装
  • Android 4.0或4.1版本,设置->开发,找到勾选USB调试.
  • Android 4.0版本以前的设备,设置->应用项目->开发,找到勾选USB调试。

当然,也可以用AS创建一个模拟器,去运行应用程序。

挑战练习:为Textview添加监听器

(单击应用的TextView文字区域,也可以跳转到下一道题)

代码语言:javascript
复制
questionTextView.setOnClickListener {
            currentIndex = (currentIndex + 1) % questionBank.size
            updateQuestion()
        }

挑战练习:添加后退按钮

在 XML 中加个Button,用 LinearLayout 将 NEXT 和 PRE 按钮包裹起来,Acitvity 中拿到 PRE 按钮,再加个点击事件。

代码语言:javascript
复制
preButton.setOnClickListener {
            currentIndex = (currentIndex + questionBank.size - 1) % questionBank.size
            updateQuestion()
        }

1❞

挑战练习:从按钮到图标按钮

将普通的 Button 替换成 ImageButton 即可,图片资源引用的话,用 src 。这里可为 ImageButton 添加android:contentDescription 属性,这样子,在用户点击图形按钮时,设备便会读出属性值的内容。

2❞

2❞


Demo 源码地址:https://github.com/visiongem/AndroidGuideApp

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-04-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 妮K妮K妮 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 创建新类
  • Android 与 MVC 设计模式
    • 更新视图层
      • 更新控制器层
      • 添加图标资源
      • 屏幕像素密度
        • 针对所有像素密度测试
        • 在设备上运行
        • 挑战练习:为Textview添加监听器
        • 挑战练习:添加后退按钮
        • 挑战练习:从按钮到图标按钮
        相关产品与服务
        对象存储
        对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档