26、微信聊天Fragment_Msg的界面布局

界面：

布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

     <include
android:id="@+id/rl_error_item"
android:visibility="gone"
layout="@layout/layout_chat_neterror_item" />

   <ListView
android:id="@+id/listview"
android:layout_below="@+id/rl_error_item"
android:scrollbars="none"
android:dividerHeight="0dp"
android:divider="#00000000"
android:listSelector="#00000000"
android:layout_width="match_parent"
android:layout_height="match_parent" />
   <TextView
android:id="@+id/txt_nochat"
android:layout_centerInParent="true"
android:gravity="center"
android:textSize="16sp"
android:visibility="gone"
android:textColor="@color/black1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/no_chat"
android:text="@string/no_msg" />
</RelativeLayout>

当有消息列表时显示的是ListView，如果没有任何消息则显示“暂时没有消息”，这里注意TextView的 drawableTop属性，方便设置一个在文字上方的图片。

这里还include了一个通用的错误视图：

布局：

<?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="40dp"
android:background="#FFF3BB"
android:clickable="true"
android:orientation="vertical" >

    <ImageView 
android:layout_marginLeft="25dp"
android:id="@+id/iv_neterror"
android:layout_width="20dp"
android:layout_height="20dp"
android:src="@drawable/icon_tip"
android:layout_centerVertical="true"
/>
    <TextView
android:id="@+id/tv_connect_errormsg" 
android:layout_marginLeft="15dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="当前网络不可用，请检查网络配置"
android:textColor="@color/black"
android:layout_centerVertical="true"
android:layout_toRightOf="@id/iv_neterror"
/>

  <View
android:layout_alignParentBottom="true"
android:layout_width="fill_parent"
android:layout_height="1dip"
android:background="#E3E0D5" />

</RelativeLayout>