0

我正在开发一个聊天应用程序，并想使用一个ListView来显示消息。目前我正在尝试获取用户的输入并将其显示为“传出消息”。我的row布局如下：（TextView时间戳），TextView（消息），ImageView（消息状态指示器）。我的问题：文本和时间戳没有设置，只是一个“虚拟”布局被夸大了。我想我必须以某种方式在适配器内设置文本。有人可以告诉我我做错了什么吗？代码如下。

我的适配器：

public class ChatAdapter extends BaseAdapter {
private Context context;

private List<String> chat;

public ChatAdapter(Context context, List<String> listchat) {
    this.context = context;
    this.chat = listchat;
}

public int getCount() {
    return chat.size();
}

public Object getItem(int position) {
    return chat.get(position);
}

public long getItemId(int position) {
    return position;
}

public View getView(int position, View convertView, ViewGroup viewGroup) {

    if (convertView == null) {
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.row, null);
    }
    TextView tvTS = (TextView) convertView.findViewById(R.id.tvTS);
    // TODO set timestamp

    TextView tvMessage = (TextView) convertView
            .findViewById(R.id.tvMessage);
    // TODO set the text to the actual message text from etInput

    ImageView indicator = (ImageView) convertView.findViewById(R.id.imgInd);

    // TODO set the image Resource according to message state
    return convertView;
}

我的活动：

 public class ChatActivity extends ListActivity {

private EditText input;
private String tmpMessage;
ListView lv;
ChatAdapter adapter;
List<String> messages;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.lis);
    Button send = (Button) findViewById(R.id.btnSend);
    input = (EditText) findViewById(R.id.etInput);
    lv = getListView();

    messages = new ArrayList<String>();
    adapter = new ChatAdapter(this, messages);
    lv.setOnItemClickListener(new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3) {
            // TODO
        }
    });

    lv.setAdapter(adapter);

    send.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            sendMessage();
        }
    });
}

public void sendMessage() {

    tmpMessage = input.getText().toString();
    input.setText("");
    messages.add(tmpMessage);
    adapter.notifyDataSetChanged();

}

@SuppressLint("SimpleDateFormat")
public String generateTimestamp() {
    SimpleDateFormat sdf = new SimpleDateFormat("HH:mm");
    String ts = sdf.format(new Date());

    return ts;
}

更新

我添加了一个持有人并使用以下代码设置文本：

 String message = (String) getItem(position);
        holder.message.setText(message);

它可以工作，但是膨胀的布局现在是随机定位的，请参见下面的屏幕截图。它应该看起来像

测试

测试1

测试2

……

在此处输入图像描述

是什么原因？

4

4 回答 4

1

您必须setText在getViewfor text 方法中调用方法并为您需要的每个视图设置文本。并设置你的形象。getView负责为列表创建单个 View，因此您必须以每次返回就绪 View 的方式来实现它。

您现在所做的只是通过它们的 id 查找元素，而对它们什么都不做。您只需返回默认的膨胀行。

PS 另请阅读 ViewHolder 模式以解决性能问题。

于 2013-01-25T11:35:42.170 回答
1

在您的 getView 中尝试以下更改 

public View getView(int position, View convertView, ViewGroup viewGroup) {

if (convertView == null) {
    LayoutInflater inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    convertView = inflater.inflate(R.layout.row, null);

 TextView tvTS = (TextView) convertView.findViewById(R.id.tvTS);    

 TextView tvMessage = (TextView) convertView.findViewById(R.id.tvMessage);

 ImageView indicator = (ImageView) convertView.findViewById(R.id.imgInd);

}   
tvMessage.setText("......");

return convertView;

}

请看这个链接

于 2013-01-25T11:39:04.617 回答
1

您可以使用 ViewHolder 模式在您的列表中获得更好的性能

ViewHolder 类：

public class ViewHolder{
public TextView message;
public TextView timestamp;
public ImageView indicator
}

然后在您的 Adapter getView 方法中按以下方式使用它：

public View getView(int position, View convertView, ViewGroup viewGroup) {

    ViewHolder holder = null;

            if(convertView == null ){
                convertView = inflater.inflate(R.layout.<your_layout>, null);           

                holder = new ViewHolder();
                holder.message = (TextView) convertView.findViewById(R.id.message);
holder.timestamp = (TextView) convertView.findViewById(R.id.timestamp);
holder.indicator = (ImageView) convertView.findViewById(R.id.indicator);

                convertView.setTag(holder);
            } else{
                holder = (ViewHolder) convertView.getTag();

            }

            holder.message.setText(chat.get(position).<whatever>);
            holder.timestamp.setText(chat.get(position).<whatever>);
holder.indicator.<method>
            return convertView;
}

希望有帮助。

BR，迈贝克

于 2013-01-25T11:39:32.490 回答
1

您似乎没有将数据设置为 TextViews/ImageView。您需要在 ChatAdapter 的 getView() 方法中执行此操作，如下所示：

public View getView(int position, View convertView, ViewGroup viewGroup) {

    if (convertView == null) {
        LayoutInflater inflater = (LayoutInflater) context
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = inflater.inflate(R.layout.row, null);
    }
    String chatMessage = getItem(position);
    TextView tvTS = (TextView) convertView.findViewById(R.id.tvTS);
    // TODO set timestamp

    TextView tvMessage = (TextView) convertView
            .findViewById(R.id.tvMessage);
    //Set the message to the TextView
    tvMessage.setText(chatMessage);

    ImageView indicator = (ImageView) convertView.findViewById(R.id.imgInd);

    // TODO set the image Resource according to message state
    return convertView;
}

考虑使用自定义对象（而不是字符串列表）来保存消息、时间戳和要显示的消息状态指示器的类型。在这种情况下，你可以这样做

ChatMessage msgObj = getItem(position);
...
tvMessage.setText(msgObj.getMessage());
tvTS.setText(msgObj.getTimestamp());
if ( msgObj.getStatus() == ChatMessage.DELIVERED )
{
  indicator.setBackgroundResource(R.drawable.delivered);
}
else if (....)
于 2013-01-25T11:43:40.800 回答