寒假每日日报40（开发家庭记账本APP——进度一）

今天开始开发家庭记账本APP，在Android Studio上新建一个项目，将其命名为AccountBook

今天写的是一个主界面的布局

其中一些图片可以去阿里巴巴矢量图标库中寻找

activity_main.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">

    <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="18dp"
            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:padding="10dp"
        android:divider="@null"
        android:dividerHeight="6dp"
        android:scrollbars="none"
        android:background="@color/grey"/>

    <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"/>

    <ImageButton
        android:id="@+id/main_btn_add"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@mipmap/add"
        android:layout_alignBottom="@id/main_btn_more"
        android:background="@drawable/main_morebtn_bg"
        android:layout_toLeftOf="@id/main_btn_more"/>
    
</RelativeLayout>

strings.xml

<resources>
    <string name="app_name">家庭记账本</string>
</resources>

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
    <color name="black">#000000</color>
    <color name="grey">#f3f3f3</color>
    <color name="white">#ffffff</color>
    <color name="pink">#FF0099</color>
</resources>

在drawable只能够新建了一个xml文件，命名为：main_morebtn_bg.xml

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <!-- 填充颜色 -->
    <solid android:color="@color/pink"/>

</shape>

其中，

android:src="@mipmap/search"

android:src="@mipmap/more"

android:src="@mipmap/add"

中的search，more，add均为小图片，可以去阿里巴巴矢量图标库中下载，并将其放入minpmap-mdpi文件中

参考：https://www.bilibili.com/video/BV1Ey4y1k73N?p=2