列表视图项未正确对齐

时间:2012-05-22 06:59:44

标签: android xml android-layout

我在聊天屏幕上创建了我想在左侧显示已发送的消息并在右侧显示已收到的消息。
为此,我创建了两个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" />

任何想法和建议都将受到赞赏 感谢

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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);
         } 
     }

}

答案 2 :(得分:0)

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

你需要的是一个custom adapter,它可以让你有2个文本视图 - 一个用于右侧,一个用于左侧。