1

我已经在聊天屏幕上创建了,我想在左侧显示发送的消息并在右侧显示接收的消息。
为此,我创建了两个 xml,一个用于右侧,一个用于左侧,并且我已将这两个 xml 与适配器绑定。
问题是,当我发送文本时,它位于左侧,当我接收文本时,发送的文本也在右侧对齐。当我再次发送时,整个文本(聊天)在左侧对齐。

这是我的 ArrayAdapter:

private void setListAdapterL() {
    ArrayAdapter<String> adapterL = new ArrayAdapter<String>(this,
            R.layout.row_left, messages);
    mList.setAdapter(adapterL);
}

private void setListAdapterR() {
    // TODO Auto-generated method stub
    ArrayAdapter<String> adapterR = new ArrayAdapter<String>(this,
            R.layout.row_right, messages);
    mList.setAdapter(adapterR);
}

我的row_right.xml的 xml文件。在其他row_left.xml 中,只是重力发生了变化:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="right"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:paddingLeft="5dip" />

任何想法和建议将不胜感激。
谢谢

4

3 回答 3

2

为此,您必须为列表视图创建自定义适配器,而不是为左侧项目(即发送的项目)和右侧项目(即接收的项目)创建两个单独的适配器。

这意味着您已经在一个自定义适配器中管理发送/接收的消息。

例如

// Sample messages inside MessageActivity
void initMessages() {
  HashMap<String, String> messageSent = new HashMap<String, String>();
  messageSent.put("message", "Hi");
  messageSent.put("type", "sent");
  messageSent.put("date", "");

  HashMap<String, String> messageReceived = new HashMap<String, String>();
  messageSent.put("message", "Hello");
  messageSent.put("type", "received");
  messageSent.put("date", "");

  ArrayList<HashMap<String, String>> messages = new ArrayList<HashMap<String, String>>();
  messages.add(messageSent);
  messages.add(messageReceived);

  MessageAdapter adapter = new MessageAdapter(mContext, messages);
  setListAdapter(apater);
}

// adapter class
class MessageAdapter extends ArrayAdapter<HashMap<String, String>> {

    LayoutInflater inflater;

    public MessageAdapter(Context context, ArrayList<HashMap<String, String>> data) {
        super(context, R.layout.raw_message, data);
        inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;

        if(convertView == null) {
            convertView = inflater.inflate(R.layout.raw_message, null);
            holder = new ViewHolder();
            holder.txtSent = convertView.findViewByTag("sent");
            holder.txtReceived = convertView.findViewByTag("received");
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder)convertView.getTag();
        }

        HashMap<String,String> message = getItem(position);
        boolean sent = message.get("type").equals("sent");

        if(sent) {
            holder.txtSent.setVisibility(View.VISIBLE);
            holder.txtSent.setText(message.get("message"));
            holder.txtReceived.setVisibility(View.GONE);
        } else {
            holder.txtSent.setVisibility(View.GONE);
            holder.txtReceived.setText(message.get("message"));
            holder.txtReceived.setVisibility(View.VISIBLE);     
        }
    }

    class ViewHolder {
        TextView txtSent;
        TextView txtReceived;
    }
}

// raw_message.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"    
    android:padding="5dp">

    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:tag="sent"/>

    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:tag="received"/>

</RelativeLayout>
于 2012-05-22T07:19:43.793 回答
1

问题是,当我发送文本时,它位于左侧,当我接收文本时,发送的文本也在右侧对齐。当我再次发送时,整个文本(聊天)在左侧对齐。

这可能正在发生,因为每次收到新消息时,您都会为ListView具有新重力(左或右)的新适配器设置一个新适配器。因为新适配器包含聊天中的所有消息,所以它们都左对齐或右对齐。

我的建议是使用一个数据对象类来保存实际消息 + 其状态(它是接收或发送的消息):

class Message {
    String actualMessage;
    int status = 0; //(for example 0 for sent messages and 1 for received messages)

    public String toString() {
       return actualMessage;
    }
}

然后实现您自己的适配器并在getView方法中查看您拥有哪种类型的消息并将该特定行的方向设置为向左或向右。这也将允许您只更新消息列表,而不是每次都创建一个新ArrayAdapter对象。适配器示例:

public class CustomAdapter extends ArrayAdapter<Message> {

     public CustomAdapter(Context context, int resId, List<message> data) {
          super(context, resId, data);
     }

     public View getView(int position, View convertView, ViewGroup parent) {
         TextView tv = (TextView) super.getView(position, convertView, parent);
         Message msg = getItem(position);
         if (msg.status == 0) {
               tv.setGravity(Gravity.LEFT);
         } else {
               tv.setGravity(Gravity.RIGHT);
         } 
     }

}
于 2012-05-22T07:15:49.483 回答
0

您面临的问题是所有您的项目总是更改为新布局。因此,每次您设置左侧布局时,所有内容都会向左侧移动,反之亦然。

您需要的是一个自定义适配器,它使您能够拥有 2 个文本视图 - 一个用于右侧,一个用于左侧。

于 2012-05-22T07:13:57.117 回答