转载]android 实现qq聊天对话界面效果

[转载]android 实现qq聊天对话界面效果

 

(2012-03-06 12:14:38)


转载▼

标签：  转载

原文地址：android 实现qq聊天对话界面效果作者：lizan_2010

    效果图：

     



chatting_item_from.xml

<?xml version="1.0" encoding="UTF-8"?>

<LinearLayout

 android:orientation="vertical"

 android:paddingLeft="6.0dip"

 android:paddingRight="6.0dip"

 android:layout_width="fill_parent"

 android:layout_height="wrap_content"

   xmlns:android="http://schemas.android.com/apk/res/android">

    <TextView

     android:id="@+id/chatting_time_tv"

     style="@style/ChattingUISplit" />

   

      <TextView

     android:id="@+id/chatting_content_itv"

     android:

     android:background="@drawable/chatfrom_bg"

     style="@style/ChattingUIText" />

</LinearLayout>

chatting_item_to.xml:

 

<?xml version="1.0" encoding="UTF-8"?>

<LinearLayout android:orientation="vertical" android:paddingLeft="6.0dip" android:paddingRight="6.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content"

  xmlns:android="http://schemas.android.com/apk/res/android">

    <TextView

     android:id="@+id/chatting_time_tv"

     style="@style/ChattingUISplit" />

    <LinearLayout

     android:orientation="horizontal"

     android:layout_width="fill_parent"

     android:layout_height="wrap_content">

        <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:layout_weight="1.0" />

        <ImageView

         android:id="@+id/chatting_state_iv"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content" />

          <TextView

         android:

         android:id="@+id/chatting_content_itv"

         android:background="@drawable/chatto_bg"

         style="@style/ChattingUIText" />

    </LinearLayout>

</LinearLayout>

 

chatting_title_bar.xml

<?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="40dip" 

    android:orientation="horizontal"

    android:gravity="center_vertical"

 android:background="@drawable/mmtitle_bg">

 <TextView

  android:id="@+id/chatting_contact_name"

  android:layout_height="wrap_content"

  android:layout_width="180dip"

  android:textSize="18sp"

  android:ellipsize="end"

  android:background="@null"

  android:textColor="@color/white"

  android:gravity="left|center"

  android:paddingLeft="10dip"  

  android:text="测试用户"

 />

 <TextView

  android:id="@+id/chatting_contact_status"

  android:layout_height="wrap_content"

  android:layout_width="wrap_content"

  android:background="@null"

  android:text="正在输入..."

  android:textSize="16sp"

  android:textColor="@color/white"

  android:layout_alignParentRight="true"

  android:layout_alignParentBottom="true"

  android:padding="3dip"

  android:layout_toRightOf="@id/chatting_contact_name"

  android:visibility="gone"

 />

 

</RelativeLayout>

chatting.xml

<?xml version="1.0" encoding="UTF-8"?>

<LinearLayout

 android:id="@+id/chat_root"

 android:focusable="false"

 android:focusableInTouchMode="false"

 android:background="@drawable/nav_page"

 android:layout_width="fill_parent"

 android:layout_height="fill_parent"

 android:gravity="center_horizontal"

 android:orientation="vertical"

   xmlns:android="http://schemas.android.com/apk/res/android">

    <ListView

     android:id="@+id/chatting_history_lv"

     android:background="@null"

     android:scrollbars="vertical"

     android:layout_width="fill_parent"

     android:layout_height="wrap_content"

     android:listSelector="@drawable/mm_chat_listitem"

     android:transcriptMode="alwaysScroll"

     android:cacheColorHint="#00000000"

     android:divider="@null"

     android:layout_weight="1.0" />

   <LinearLayout

     android:orientation="horizontal"

     android:background="@drawable/txt_msg_bg"

     android:paddingRight="7.0dip"

     android:layout_width="fill_parent"

     android:layout_height="wrap_content">

        <ImageView

         android:layout_gravity="center_vertical"

         android:id="@+id/sms_button_insert"

         android:paddingLeft="15.0dip"

         android:paddingTop="5.0dip"

         android:paddingRight="7.0dip"

         android:paddingBottom="5.0dip"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:src="@drawable/sms_insert" />

        <EditText

         android:textColorHint="@color/search_hint"

         android:layout_gravity="center_vertical"

         android:id="@+id/text_editor"

         android:background="@drawable/sms_embeded_text_editor_bg"

         android:focusable="true"

         android:nextFocusRight="@+id/send_button"

         android:layout_width="0.0dip"

         android:layout_height="wrap_content"

         android:layout_marginLeft="7.0dip"

         android:layout_marginTop="5.0dip"

         android:layout_marginRight="7.0dip"