最近仿照QQ聊天做了一個類似界面,先看下界面組成(畫面不太美湊合湊合唄,,,,): 其中聊天背景可以是一個LinearLayout或者RelativeLayout裡面存放的是ListView(將ListView的分割線設置成透明:android:divider="#0000"否則聊天界面會顯示出分割 ...
最近仿照QQ聊天做了一個類似界面,先看下界面組成(畫面不太美湊合湊合唄,,,,):
其中聊天背景可以是一個LinearLayout或者RelativeLayout裡面存放的是ListView(將ListView的分割線設置成透明:android:divider="#0000"否則聊天界面會顯示出分割線,,,想想都屌,,,)
於是,我要上主界面的xml佈局文件了:
<?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:background="#c2c2c2"
android:orientation="vertical"
android:padding="16dp" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/activity_horizontal_margin"
android:layout_weight="1"
android:background="@drawable/app_lvjian_rbtn_normal_background"
android:orientation="vertical"
android:padding="8dp" >
<ListView
android:id="@+id/lv_chat_dialog"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="#0000"
android:dividerHeight="8dp"
android:scrollbars="none" >
</ListView>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="32dp"
android:layout_marginTop="8dp"
android:orientation="horizontal" >
<EditText
android:id="@+id/et_chat_message"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="14sp"
android:background="@drawable/app_lvjian_rbtn_normal_background"
android:gravity="center|left"
android:padding="8dp" />
<Button
android:id="@+id/btn_chat_message_send"
style="?android:attr/buttonStyleSmall"
android:layout_width="64dp"
android:layout_marginLeft="8dp"
android:layout_height="match_parent"
android:layout_gravity="center|right"
android:layout_marginRight="4dp"
android:background="@drawable/app_lvjian_chat_sends" />
</LinearLayout>
</LinearLayout>
完了就會出現下圖: