2.9 学习总结之【Android】体温统计APP

一、说在前面

昨天	学习了JQ的相关知识
今天	编写体温统计APP

我的工程源码：https://github.com/xiaotian12-call/Take-body-temperature

二、所有知识

1、使用Room管理数据库。

2、使用ViewModel管理UI数据。

3、使用hellochart图表展示数据。

4、使用liveData管理数据库数据（观察者），时时更新界面数据。

三、设计思路

1、构建底层数据库。

2、UI设计（卡片视图界面，单个卡片界面，折线图表界面，录入体温界面，菜单界面）。

3、编写Navigation，将卡片视图界面，折线图表界面，录入体温界面加入其中，并确定界面跳转关系。

4、编写适配器，体温数据工厂。

5、编写ViewModel，通过‘工厂’操控数据。

6、完善各个界面的逻辑代码。

1）卡片视图界面，组件绑定，菜单绑定及菜单功能实现，界面跳转。

2）折线图表界面，根据数据库数据，封装好点，线，轴的相关数据。

3）录入体温界面，绑定组件，根据输入数据及当前系统时间更新数据库。

四、体温统计APP编写

1、构建底层数据库。

1）表结构

2）代码实体：Entity

package com.me.temperature;

import androidx.room.ColumnInfo;

import androidx.room.Entity;

import androidx.room.PrimaryKey;

@Entity(tableName = "temperature")

public class temperature {

    @PrimaryKey(autoGenerate = true)

    private int id;

    @ColumnInfo(name = "tp")

    private String tp;

    @ColumnInfo(name = "time")

    private String time;

    public temperature(String tp, String time) {

        this.tp = tp;

        this.time = time;

    }

    public int getId() {

        return id;

    }

    public void setId(int id) {

        this.id = id;

    }

    public String getTp() {

        return tp;

    }

    public void setTp(String tp) {

        this.tp = tp;

    }

    public String getTime() {

        return time;

    }

    public void setTime(String time) {

        this.time = time;

    }

}

3）Dao

package com.me.temperature;

import androidx.lifecycle.LiveData;

import androidx.room.Dao;

import androidx.room.Delete;

import androidx.room.Insert;

import androidx.room.Query;

import androidx.room.Update;

import java.util.List;

@Dao

public interface TempDao {

    @Insert

    void insertTp (temperature ... temperatures);

    @Update

    void updateTp (temperature ... temperatures);

    @Delete

    void deleteTp (temperature ... temperatures);

    @Query("DELETE From TEMPERATURE")

    void deleteAllTp ();

    @Query("SELECT * From TEMPERATURE ORDER BY ID DESC")

    LiveData<List<temperature>> getAllTp ();

}

4）Database

package com.me.temperature;

import android.content.Context;

import androidx.room.Database;

import androidx.room.Room;

import androidx.room.RoomDatabase;

@Database(entities = {temperature.class },version = 1,exportSchema = false)

public abstract class TempDatabase extends RoomDatabase {

    private static TempDatabase INSTANCE;

    public abstract TempDao getTempDao();

    static synchronized TempDatabase getTempDatabase(Context context){

        if (INSTANCE == null){

            INSTANCE = Room.databaseBuilder(context.getApplicationContext(),TempDatabase.class,"tp_database")

                    .build();

        }

        return INSTANCE;

    }

}

2、UI设计（卡片视图界面，单个卡片界面，折线图表界面，录入体温界面，菜单界面）

1）卡片视图界面

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".AccountRecordFragment"

    android:id="@+id/frameLayout">

    <com.google.android.material.floatingactionbutton.FloatingActionButton

        android:id="@+id/buttonTpAdd"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="bottom|center_horizontal"

        android:layout_margin="16dp"

        android:clickable="true"

        android:focusable="true"

        android:src="@drawable/ic_add_witer_24dp"

        tools:layout_conversion_absoluteHeight="56dp"

        tools:layout_conversion_absoluteWidth="56dp"

        tools:layout_editor_absoluteX="178dp"

        tools:layout_editor_absoluteY="659dp" />

    <androidx.recyclerview.widget.RecyclerView

        android:id="@+id/recyclerView"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        tools:layout_conversion_absoluteHeight="731dp"

        tools:layout_conversion_absoluteWidth="411dp"

        tools:layout_editor_absoluteX="0dp"

        tools:layout_editor_absoluteY="0dp" />

</FrameLayout>

2）单个卡片界面

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="vertical">

    <androidx.cardview.widget.CardView

        android:layout_width="match_parent"

        android:layout_height="match_parent">

        <androidx.constraintlayout.widget.ConstraintLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_marginLeft="8dp"

            android:layout_marginTop="8dp"

            android:layout_marginRight="8dp"

            android:layout_marginBottom="4dp"

            android:foreground="?selectableItemBackground">

            <androidx.constraintlayout.widget.Guideline

                android:id="@+id/guideline"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:orientation="vertical"

                app:layout_constraintGuide_percent="0.1" />

            <TextView

                android:id="@+id/textViewId"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:textSize="36sp"

                app:layout_constraintBottom_toBottomOf="parent"

                app:layout_constraintEnd_toStartOf="@+id/guideline"

                app:layout_constraintStart_toStartOf="parent"

                app:layout_constraintTop_toTopOf="parent"

                tools:text="1" />

            <TextView

                android:id="@+id/textViewTp"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginTop="8dp"

                android:layout_marginBottom="8dp"

                android:textSize="36sp"

                app:layout_constraintBottom_toBottomOf="parent"

                app:layout_constraintEnd_toStartOf="@+id/textViewTime"

                app:layout_constraintHorizontal_bias="0.5"

                app:layout_constraintStart_toStartOf="@+id/guideline"

                app:layout_constraintTop_toTopOf="parent" />

            <TextView

                android:id="@+id/textViewTime"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginEnd="32dp"

                android:layout_marginRight="32dp"

                android:textSize="24sp"

                app:layout_constraintBottom_toBottomOf="@+id/textViewTp"

                app:layout_constraintEnd_toEndOf="parent"

                app:layout_constraintHorizontal_bias="0.5"

                app:layout_constraintStart_toEndOf="@+id/textViewTp"

                app:layout_constraintTop_toTopOf="@+id/textViewTp" />

        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.cardview.widget.CardView>

</LinearLayout>

3）折线图表界面

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:padding="10dp">

    <lecho.lib.hellocharts.view.LineChartView

        android:id="@+id/chart"

        android:padding="20dp"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</LinearLayout>

4）录入体温界面

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/frameLayout2"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".AddFragment" >

    <TextView

        android:id="@+id/textView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/add_title_tp"

        android:textSize="36sp"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.05" />

    <ImageView

        android:id="@+id/imageView2"

        android:layout_width="326dp"

        android:layout_height="262dp"

        android:layout_marginTop="8dp"

        android:contentDescription="@string/add_image"

        android:src="@drawable/temp"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintDimensionRatio="1:1"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/textView"

        app:layout_constraintVertical_bias="0.05" />

    <Button

        android:id="@+id/buttonAdd"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="32dp"

        android:layout_marginLeft="32dp"

        android:layout_marginEnd="32dp"

        android:layout_marginRight="32dp"

        android:text="@string/add_but"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.7" />

    <EditText

        android:id="@+id/editTextTp"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="32dp"

        android:layout_marginLeft="32dp"

        android:layout_marginEnd="32dp"

        android:layout_marginRight="32dp"

        android:ems="10"

        android:hint="@string/add_tp_in"

        android:importantForAutofill="no"

        android:inputType="number"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.6" />

</androidx.constraintlayout.widget.ConstraintLayout>

5）菜单界面

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item

        android:id="@+id/clearAll"

        android:title="@string/menu_claer" />

    <item

        android:id="@+id/chart"

        android:title="@string/menu_chart" />

</menu>