我制作了一个聊天应用程序,其中聊天视图由许多行组成,ListView
其中用户发送的消息以白色显示,朋友收到的消息以蓝色显示。
这种行为很好,但是当我在变得非常大(例如 30 行)后滚动列表时,颜色会变得混乱。我为每一行使用不同的布局,白行布局和蓝行布局。
当我在列表中上下滚动多次时,颜色会随机切换(即我的一些消息是蓝色的,而另一些是白色的,而另一端的一些消息(和我聊天的朋友)变成白色,而其他消息变成蓝色一种随机的方式。
我会给你一个关于所用代码的预览:
这是getView
我的自定义适配器中扩展的方法BaseAdapter
:
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
final int pos = position;
String from = messages.get(pos).getFrom();
if (convertView == null) {
holder = new ViewHolder();
// If message is sent by me (the user)
if(from.toString().toLowerCase().equals("me")){
convertView = mInflater.inflate(R.layout.chat_msg_row2, null);
}
// if message is sent by his friend (the other end user)
else{
convertView = mInflater.inflate(R.layout.chat_msg_row, null);
}
holder.userName = (TextView) convertView.findViewById(R.id.msgusername);
holder.userImage = (ImageView) convertView.findViewById(R.id.ppic);
holder.date = (TextView) convertView.findViewById(R.id.msgdate);
holder.text = (TextView) convertView.findViewById(R.id.msg);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.userName.setText( messages.get(pos).getFrom() );
holder.text.setText( messages.get(pos).getText() );
holder.date.setText( messages.get(pos).getDate() );
String img = messages.get(pos).getImage();
if(img.substring(0,4).equalsIgnoreCase("http") ){
try{
ImageLoader imloader = new ImageLoader( ChatActivity.this );
holder.userImage.setTag(img);
imloader.DisplayImage( img, ChatActivity.this , holder.userImage );
}
catch(Exception e){
e.printStackTrace();
}
}
return convertView;
}
public long getItemId(int position){
return 1;
}
public class ViewHolder{
TextView userName;
ImageView userImage;
TextView text;
TextView date;
}
chat_msg_row2
除了使用的 Drawable 之外,这两个布局chat_msg_row
是相同的,其中一个使用白色图像,另一个使用蓝色图像。