2022寒假家庭记账本开发记录02

本篇是2022寒假家庭记账本开发记录02，本篇通过B站up主——写BUG的狐狸，来学习制作简约家庭记账本。如下是我今日的开发进程：

　　今天我绘制了记账本程序中的收支界面每一项与头布局绘制：

　　收支界面每一项中我以烟酒茶项目为例：

　　　　其中包含了下载好的图片，用ImageView将他展示在程序中，宽高皆设成45dp呈正方形，其代码如下：

　　　　

<ImageView
    android:id="@+id/item_mainlv_iv"
    android:layout_width="45dp"
    android:layout_height="45dp"
    android:src="@mipmap/ic_yanjiu_fs"
    />

　　　　随后用两个线性布局LinearLayout中包含两个TextView来展示烟酒茶的消费时间和消费金额，其代码如下：

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/item_mainlv_iv"
    android:layout_marginLeft="10dp"
    android:orientation="vertical">
    <TextView
        android:id="@+id/item_mainlv_tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="烟酒茶"
        android:textStyle="bold"
        android:textSize="16sp"/>
    <TextView
        android:id="@+id/item_mainlv_tv_beizhu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="华子一盒"
        android:layout_marginTop="5dp"
        android:textSize="12sp"/>

</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:orientation="vertical">
    <TextView
        android:id="@+id/item_mainlv_tv_money"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="￥25.0"
        android:textStyle="bold"
        />
    <TextView
        android:id="@+id/item_mainlv_tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="今天 18:10"
        android:layout_marginTop="5dp"
        />

</LinearLayout>

　　　　其完整代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:padding="10dp"
    android:background="@color/white">
    <ImageView
        android:id="@+id/item_mainlv_iv"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:src="@mipmap/ic_yanjiu_fs"
        />
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/item_mainlv_iv"
        android:layout_marginLeft="10dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/item_mainlv_tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="烟酒茶"
            android:textStyle="bold"
            android:textSize="16sp"/>
        <TextView
            android:id="@+id/item_mainlv_tv_beizhu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="华子一盒"
            android:layout_marginTop="5dp"
            android:textSize="12sp"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:orientation="vertical">
        <TextView
            android:id="@+id/item_mainlv_tv_money"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="￥25.0"
            android:textStyle="bold"
            />
        <TextView
            android:id="@+id/item_mainlv_tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="今天 18:10"
            android:layout_marginTop="5dp"
            />

    </LinearLayout>

</RelativeLayout>

最终效果图如下：