android软件简约记账app开发day01-今日收支明细的界面绘制

android软件简约记账app开发day01-今日收支明细的界面绘制

导入素材

导入在阿里iconfront图标库下载的字体图标分为大小两种，分别导入到项目目录mipmap-hdpi和mipmap-mdpi中

绘制主主页面

在系统生成的activity文件中绘制界面

使用绝对布局

<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"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:background="@color/gray_f3f3f3">

分别画制文本框（用于标题栏）、图片框、列表框、图片按钮框、以及按钮框

<RelativeLayout
    android:id="@+id/main_top_layout"
    android:layout_width="match_parent"
    android:layout_height="50dp">
​
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center"
        android:padding="10dp"
        android:text="@string/app_name"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />
    <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/gray_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_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_margin="20dp"
    android:background="@drawable/main_morebtn_bg"/>
​
<Button
    android:id="@+id/main_btn_exit"
    android:layout_width="120dp"
    android:layout_height="50dp"
    android:layout_alignBottom="@+id/main_btn_more"
    android:layout_toLeftOf="@+id/main_btn_more"
    android:background="@drawable/main_recordbtn_bd"
    android:drawableLeft="@mipmap/edit"
    android:gravity="center_vertical"
    android:text="@string/editone"
    android:textColor="@color/white"
    android:textStyle="bold" />

效果图：