Android聊天应用程序-xml布局

时间:2012-09-21 10:47:56

标签: android xml layout client-server chat

我正在为Android制作聊天应用程序。应该如何进行聊天屏幕?谁能告诉我在XML布局中应该使用哪些视图?它是一个edittext和listview吗?请帮忙。我需要制作一个像我们在Gtalk中看到的聊天屏幕。两个人的聊天消息应该与屏幕的两侧对齐(请参阅Gtalk聊天框对齐样式)。这就是我想要的......如何实现这种布局? http://upload.wikimedia.org/wikipedia/en/7/75/Google_talk.gif

2 个答案:

答案 0 :(得分:2)

得到合适的。所以我在这里分享

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" 
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<ScrollView 
    android:layout_width="fill_parent"
    android:layout_height="0dip" 
    android:layout_weight="1"  >
    <TextView 
        android:text="@string/text" 
        android:id="@+id/textOutput"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:paddingLeft="5dp" 
        android:paddingRight="5dp" 
        android:paddingTop="5dp" />
</ScrollView>

<LinearLayout 
    android:id="@+id/linearLayout1"
    android:orientation="horizontal" 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:paddingLeft="5dp" 
    android:paddingRight="5dp"
    android:paddingBottom="5dp"
    android:baselineAligned="true">
    <EditText android:layout_weight="1" android:id="@+id/textInput"
        android:layout_height="45dp" android:layout_width="0dip">
        <requestFocus></requestFocus>
    </EditText>
    <Button android:text="Send"
        android:layout_height="45dp" android:layout_width="125dp"
        android:id="@+id/btnSend"></Button>
</LinearLayout>

答案 1 :(得分:0)

您应该查看有关回收者视图和适配器的一些教程。您可以创建两个视图持有者,一个用于发送消息,另一个用于接收消息,然后根据消息的类型对其进行充气。

此链接提供了有关如何创建聊天UI的示例。 https://blog.sendbird.com/android-chat-tutorial-building-a-messaging-ui