实现后的效果图如图所示:
布局:
<?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="wrap_content"
android:orientation="vertical"
android:gravity="center_horizontal"
android:paddingTop="13dp"
>
<TextView
style="@style/chat_text_date_style"
android:id="@+id/timestamp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下午 02:54"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/margin_chat_activity"
>
<ImageView
android:id="@+id/iv_userhead"
android:layout_width="@dimen/size_avatar"
android:layout_height="@dimen/size_avatar"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="@dimen/margin_chat_activity"
android:scaleType="fitXY"
android:background="@drawable/mini_avatar_shadow"
/>
<LinearLayout
android:id="@+id/row_rec_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_chat_activity"
android:layout_toRightOf="@id/iv_userhead"
android:orientation="horizontal"
android:background="@drawable/chatfrom_bg"
>
<TextView
android:text="合肥市科学岛"
android:id="@+id/tv_location"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/location_msg"
android:gravity="center"
android:textColor="@android:color/white"
/>
</LinearLayout>
<TextView
style="@style/chat_text_name_style"
android:id="@+id/tv_userid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@id/row_rec_location"
android:layout_below="@id/iv_userhead"
android:text="eoeduo"
/>
</RelativeLayout>
</LinearLayout>