如何在材料设计中创建类似于whatsapp的聊天屏幕?

时间:2015-06-04 10:32:37

标签: android user-interface android-layout material-design whatsapp

基本上我对每个聊天条目的xml文件感到困惑,内容包含像whatsapp。我尝试使用framelayoutRelativelayout来做这件事,但它没有用。消息不会随时间流逝。

 <FrameLayout
        android:id="@+id/chat_mine"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:background="@drawable/chat_bg_white"
       >


        <TextView
            android:id="@+id/chat_text_mine"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="65dp"
            android:gravity="center|left"
            android:text="h"
            android:textSize="@dimen/font_size3" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            >

            <TextView
                android:id="@+id/chat_time_mine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right|bottom"
                 android:gravity="right|bottom"
                android:singleLine="true"
                android:text=" 2:00 am"
                android:textSize="@dimen/font_size4" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_delivered" />
        </LinearLayout>

    </FrameLayout>

1 个答案:

答案 0 :(得分:0)

不确定你在这里问的是什么?如果我理解正确,请编辑框架布局以首先显示内容。这将帮助您在预览中看到内容。

<FrameLayout
    android:id="@+id/chat_mine"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:background="@drawable/chat_bg_white"
   >