Android_Note（一）——主题界面设计

     生活是非常忙碌的，所以我们会经常性的忘记一些事情，所以一个完美的记事本就非常需要了。

一方面，可以记录我们的美好回忆， 一方面，可以做个闹钟，然后按时提醒我们即将做什么事情。

     所以， 我们就一步一步的实现这个记事本的代码开发，希望对其有所帮助。

首先，我们介绍一下记事本的功能，

1、在主界面添加闹钟，然后打开新建页面，可以设置item的标题、item的提醒时间、item的内容，以及提醒铃声设置

2、在主界面显示创建的item，包括item的标题、item的提醒时间、item的内容

3、然后可以打开item并查看详情

4、在主界面可以分页显示item，然后进行翻页操作

然后，介绍一下主界面的设计。在res/layout下新建home.xml，整个根节点采用RelativeLayout布局，最上方采用一个button用于显示添加，中间显示数据库中所有记事本文件，最下面是一个分页的组件，用一个linearlayout包含4个按钮

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"    >    <!-- 添加按钮 --><Buttonandroid:id="@+id/btnAdd"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical|center_horizontal"android:text="@+string/btnAdd"/> <!-- 文章列表，用于显示所有备忘录 --><ListViewandroid:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@+id/btnAdd"android:layout_above="@+id/linearLayout1"/><!-- 底部按钮 --><LinearLayout    android:id="@+id/linearLayout1"android:orientation="horizontal"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_centerHorizontal="true"    android:gravity="center"    android:layout_alignParentBottom="true"    >    <!-- 首页按钮 --><Buttonandroid:id="@+id/btnFirst"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@+string/btnFirst"/><!-- 上一页按钮 --><ImageButtonandroid:id="@+id/btnPre"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/preview"/><!-- 下一个按钮 --><ImageButtonandroid:id="@+id/btnNext"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/next"/><!-- 末页按钮 --><Buttonandroid:id="@+id/btnEnd"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@+string/btnEnd"/><!-- 进度条 --></LinearLayout><ProgressBarandroid:id="@+id/progressBar"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    style="?android:attr/progressBarStyleLarge"    android:max="100"    android:progress="50"    android:secondaryProgress="70"    android:layout_centerInParent="true"    android:visibility="gone"    /></RelativeLayout>

最后，用于匹配listview每一行元素的布局文件如下items.xml，每个item显示3个元素，item标题、item时间、item简介

<?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="wrap_content"    android:background="@drawable/item"    android:orientation="vertical" >    <!-- ListView元素 -->    <TextView        android:id="@+id/noteName"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginLeft="10px"        android:gravity="center_vertical|left"        android:textColor="#0000FF"        android:textSize="40px"         android:text="aaa"        />    <TextView        android:id="@+id/noteTime"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginLeft="10px"        android:gravity="center_vertical|left"        android:textColor="#0000FF"        android:textSize="40px" android:layout_below="@+id/noteName" android:text="ddd"/>     <TextView        android:id="@+id/noteMain"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginLeft="10px"        android:gravity="center_vertical|left"        android:textColor="#0000FF"        android:textSize="40px" android:layout_below="@+id/noteTime" android:text="ddd"/></LinearLayout>