安卓家庭记账本开发笔记2

开发进度：

完成app首页的每条支出的流水信息的绘制以及首页记录每月收入和支出总和的表头的绘制

代码：

1.流水信息的代码：

<?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_lv"
            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_lv"
            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_alignParentEnd="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:00"
                android:layout_marginTop="5dp"/>
    </LinearLayout>

</RelativeLayout>

流水信息示例图：

表头代码：

<?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:background="@color/grey0">
    <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            android:padding="20dp">
            <TextView
                    android:id="@+id/item_mainlv_top_tv1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/month_out"/>
            <TextView
                    android:id="@+id/item_mainlv_top_out"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="￥ 0"
                    android:layout_below="@id/item_mainlv_top_tv1"
                    android:textSize="26sp"
                    android:textStyle="bold"
                    android:layout_marginTop="10dp"
                    android:layout_marginBottom="10dp"
                    android:textColor="@color/black"
            />
        <TextView
                android:id="@+id/item_mainlv_top_tv2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/item_mainlv_top_out"
                android:text="@string/month_in"/>
        <TextView
                android:id="@+id/item_mainlv_top_in"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/item_mainlv_top_out"
                android:layout_toRightOf="@id/item_mainlv_top_tv2"
                android:text="￥ 0"
                android:layout_marginLeft="5dp"
        />
        <TextView
                android:id="@+id/item_mainlv_top_budget"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="￥ 0"
                android:textColor="@color/black"
                android:layout_alignParentRight="true"
                android:layout_alignBottom="@id/item_mainlv_top_tv2"
                android:layout_marginLeft="5dp"
        />
        <TextView
                android:id="@+id/item_mainlv_top_tv3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/budget"
                android:layout_toLeftOf="@id/item_mainlv_top_budget"
                android:layout_alignBottom="@id/item_mainlv_top_tv2"

        />
        <TextView
                android:id="@+id/item_mainlv_top_tv4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/see"
                android:layout_centerHorizontal="true"
                android:layout_below="@id/item_mainlv_top_tv2"
                android:drawableLeft="@mipmap/ih_biaoge"
                android:layout_marginTop="20dp"
                android:textColor="@color/green0"
                android:drawablePadding="10dp"
        />
    </RelativeLayout>
<TextView
        android:id="@+id/item_mainlv_top_tv_day"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="今日支出 ￥0 收入 ￥0"
        android:textStyle="bold"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="10dp"/>
</LinearLayout>

表头示例图：