项目目的:开发一个简单的记账本app
开发进度:
在idea程序中创建一个空项目,绘制家庭记账本的主界面。
创建空项目的步骤之后会整理单独发一篇博客。下面是绘制主界面的代码:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/grey0"
>
<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"
tools:ignore="RelativeOverlap"/>
<ImageView
android:id="@+id/main_iv_search"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:src="@mipmap/search"
android:layout_alignParentEnd="true"
android:padding="10dp" tools:ignore="ContentDescription"/>
</RelativeLayout>
<ListView
android:id="@+id/main_lv"
android:layout_width="421dp"
android:layout_height="710dp"
android:layout_below="@id/main_top_layout"
android:padding="10dp"
android:divider="@null"
android:dividerHeight="6dp"
android:scrollbars="none"
android:background="@color/grey0"
/>
<ImageButton
android:id="@+id/main_btn_more"
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@mipmap/more"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:background="@drawable/main_morebtn_bg"
android:layout_marginTop="20dp" android:layout_marginStart="20dp" android:layout_marginEnd="20dp"
android:layout_marginBottom="20dp" tools:ignore="ContentDescription"/>
<Button
android:id="@+id/main_btn_edit"
android:layout_width="140dp"
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>
效果图如下
标签:layout,安卓,笔记,height,width,记账,android,main,id From: https://www.cnblogs.com/czfznb/p/17986041