安卓开发四——账本基本页面
账本基本页面就是一个添加页面,一个浏览页面,浏览页面的一条数据项是一个视图。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center" tools:context=".MainActivity"> <ListView android:id="@+id/list_view" android:layout_width="wrap_content" android:layout_height="650dp" /> <ImageButton android:id="@+id/add" android:onClick="addAccount" android:layout_width="80dp" android:layout_height="80dp" android:scaleType="centerInside" android:layout_centerHorizontal="true" android:background="#00FF0000" android:src="@drawable/img" android:layout_below="@+id/list_view" /> </LinearLayout>
<?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="30dp"> <TextView android:id="@+id/tv_spin" android:layout_width="180dp" android:layout_height="30dp" android:layout_marginLeft="-30dp" android:layout_alignParentLeft="true" android:gravity="center" android:singleLine="true" android:textSize="15sp" android:ellipsize="marquee" android:text="Se" /> <TextView android:id="@+id/tv_title" android:layout_width="180dp" android:layout_height="30dp" android:layout_marginLeft="50dp" android:layout_alignParentLeft="true" android:gravity="center" android:singleLine="true" android:textSize="15sp" android:ellipsize="marquee" android:text="costTitle" /> <TextView android:id="@+id/tv_date" android:layout_width="wrap_content" android:layout_height="30dp" android:gravity="center" android:textSize="15sp" android:layout_marginLeft="30dp" android:layout_toRightOf="@+id/tv_title" android:text="2020-05-31"/> <TextView android:id="@+id/tv_money" android:layout_width="wrap_content" android:layout_height="30dp" android:gravity="center" android:layout_alignParentRight="true" android:layout_marginRight="10dp" android:textSize="15sp" android:textColor="#ffbd27" android:text="25"/> </RelativeLayout>
单条效果:
总效果如下:
然后是添加新纪录的页面,应有收入,支出的选择
这笔钱的来源去向等说明,金额还有日期
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center"> <Spinner android:id="@+id/spin" android:entries="@array/sel" android:layout_width="match_parent" android:layout_height="wrap_content" /> <EditText android:id="@+id/et_cost_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="4dp" android:hint="事项说明" android:textColor="#ffbd27" /> <EditText android:id="@+id/et_cost_money" android:inputType="number|numberDecimal" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="4dp" android:hint="金额(元)" android:textColor="#ffbd27" /> <DatePicker android:id="@+id/dp_cost_date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="8dp" android:datePickerMode="spinner" android:calendarViewShown="false" /> <Button android:onClick="okButton" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="确认" android:textSize="20dp" android:textColor="#333333" android:background="#ffbd27" android:layout_marginLeft="40dp" android:layout_marginRight="40dp" /> </LinearLayout>
大概的页面就完成了