前几天刚学了android的fragment，总是勾留在简单的demo，也许永远都学不会。
今天，我要动手向我的聊天软件开刀。今天。用Fragment来实现一个例如以下图效果的聊天界面。
从图中能够看出，这个activity是由三部分构成：1）昂首，包孕一个返回button。对话用户的名字和一个对话好友的信息button;2）一个聊天的历史记录；3）底部是输入，包孕很多其它丰富的输入button。文本输入以及发送button。
第一步：界说好资源文件
资源文件主要是构造文件。构造文件所用到的其它资源我们在此就不再做介绍了
new_chat_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <LinearLayout android:id="@+id/chat_title_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > </LinearLayout> <LinearLayout android:id="@+id/chat_history_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@color/white3" android:orientation="horizontal"> </LinearLayout> <LinearLayout android:id="@+id/chat_bottom_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> </LinearLayout> <LinearLayout android:id="@+id/chat_multifunc_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> </LinearLayout> </LinearLayout>其效果图例如以下：空白的
接下来。我们创建昂首的fagment的layout文件
frag_chat_title_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="" android:layout_width="match_parent" android:layout_height="60dip" android:background="@drawable/skinpic_blue" android:gravity="center_vertical" > <ImageButton android:id="@+id/title_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/title_btn_l_selector" android:padding="0.0dip" android:src="@drawable/title_btn_back" /> <TextView android:id="@+id/to_chat_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1.0" android:ellipsize="end" android:gravity="center" android:singleLine="true" android:textColor="#ffffffff" android:textSize="18.0sp" android:text="张三" android:textStyle="bold" /> <ImageButton android:id="@+id/user_info" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/title_btn_r_selector" android:padding="0.0dip" android:src="@drawable/popbar_icon_info" /> </LinearLayout> 其效果例如以下：
接下来我们界说聊天记录的构造文件
frag_history_list_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@color/white3" android:orientation="vertical" > <ListView android:id="@+id/chat_list" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@color/white3" android:divider="@null" android:listSelector="@android:color/transparent" /> </LinearLayout>其效果如图：