通话记录

        今天将Android的通话记录整合上来，由于时间关系并没有将通话记录从Android的Sqlite数据库中取出来，而是采用ArrayList静态绑定方式，此次主要是为了熟悉Android的页面布局及数据和界面的绑定，后期会将通话记录从数据库中取出来。先展示其界面效果：

 

        先解释其布局：每一个通话记录包含两行四列，两行是通话名字和显示号码，四列为图片、名字、日期、图片，用table还原其形状：

其布局代码放置在list_items.xml文件中：

<TableLayout
 android:id="@+id/widget29"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical"
 >
  <TableRow
  android:id="@+id/widget30"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:background="#f8f8f8"
  android:orientation="horizontal"
  >
   
   <FrameLayout
    android:id="@+id/widget88"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <ImageView
     android:id="@+id/ItemImage"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:src="@drawable/head1"
     >
    </ImageView>
    <AbsoluteLayout
    android:id="@+id/widget91"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
     <ImageView
      android:id="@+id/PhoneType"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/ra11"
      android:layout_x="60px"
      android:layout_y="10px"
      >
     </ImageView>
    </AbsoluteLayout>
   </FrameLayout>
   
   <TableLayout
    android:id="@+id/widget29"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5px"
    android:paddingTop="3px"
    android:paddingRight="10px"
    android:orientation="vertical"
    >
     <TableRow
      android:id="@+id/widget33"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="horizontal"
      >
      <TextView
      android:id="@+id/ItemName"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="#1d1d1d"
      android:textSize="12px"
      android:text="TextView"
      >
      </TextView>
     </TableRow>
     <TableRow
      android:id="@+id/widget36"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      android:paddingTop="10px"
      >
      <TextView
      android:id="@+id/ItemPhoneNum"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textSize="10px"
      android:textColor="#8e8e8e"
      android:text="TextView"
      >
      </TextView>
      <TextView
      android:id="@+id/ItemCallDate"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textSize="10px"
      android:textColor="#8e8e8e"
      android:text="TextView"
      android:paddingLeft="5px"
      >
      </TextView>
     </TableRow>
     
   </TableLayout>
   
   <ImageView
    android:id="@+id/widget39"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/phone"
    android:paddingLeft="5px"
    android:paddingTop="5px"
    >
   </ImageView>
  
  </TableRow>
</TableLayout>

 

最后通过java代码将其布局加载到Android屏幕上：

Over!