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

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

　　今日我写了记账本程序中的第一个界面——今日收支明细界面的绘制：

　　　　第一步，下载了安卓程序的开发工具——Android Studio：

　　　　　　

 

　　　　第二步，通过B站下方的下载链接，我下载了本程序所要用到的小图标，这里推荐一个网站iconfont：

　　　　　　　　图片链接: https://pan.baidu.com/s/13DURVndTkTmjKjXvdk9BLg 提取码: sj71

　　　　第三步，将下载的图片分别放入mipmap-hdpi和mipmap-mdpi当中

　　　　　　　　

 

 　　　　第四步，在colors.xml中提前定义我们程序中所需要的颜色：

　　　　

 

　　　　第五步，在strings.xml中提前定义我们所需要的变量名，以方便如果后面变量名需要更改。

　　　　第六步，通过对视频中的学习，对今日收支明细界面进行初步的构架：

　　　　　　　　其源代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    android:orientation="vertical"
    android:background="@color/grey_f3f3f3">

    <RelativeLayout
        android:id="@+id/main_top_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp">
       <TextView
           android:text="@string/app_name"
           android:layout_width="wrap_content"
           android:layout_height="match_parent"
           android:gravity="center"
           android:padding="10dp"
           android:textStyle="bold"
           android:textSize="18sp"
           android:textColor="@color/black"
           />
        <ImageView
            android:id="@+id/main_iv_search"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@mipmap/search"
            android:layout_alignParentRight="true"
            android:padding="10dp"/>
    </RelativeLayout>

    <ListView
        android:id="@+id/main_lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/main_top_layout"
        android:background="@color/grey_f3f3f3"
        android:divider="@null"
        android:dividerHeight="6dp"
        android:padding="10dp"
        android:scrollbars="none" />
    <ImageButton
        android:id="@+id/main_btn_more"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@mipmap/more"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_margin="20dp"
        android:background="@drawable/main_morebtn_bg"
        />
    <Button
        android:id="@+id/main_btn_edit"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:layout_alignBottom="@id/main_btn_more"
        android:background="@drawable/main_recordbtn_bg"
        android:layout_toLeftOf="@id/main_btn_more"
        android:text="@string/editone"
        android:textStyle="bold"
        android:textColor="@color/white"
        android:drawableLeft="@mipmap/edit"
        android:gravity="center_vertical"
        />
</RelativeLayout>

　　　　　　目前效果图如下：