Android - FirebaseListAdapter 复制运行时布局更改



我在这里问是否有人知道我未能解决的问题的解决方法。

基本上,我正在使用Firebase在Android中编写一个简单的聊天应用程序作为练习。我在主布局中使用了一个ListView,并为每个"消息气泡"使用了一个简单的布局。问题来了:当我可视化从Firebase检索到的消息时,我会根据运行时的当前用户更改气泡的颜色,首次加载时每个气泡都有正确的颜色,但是通过上下滚动我的消息,越来越多的气泡采用"ActiveUser"颜色,即使它们属于不同的用户, 有什么想法吗?我将把我正在使用的代码留在下面

主布局列表视图

<ListView
android:id="@+id/list_of_messages"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/inputArea"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:divider="@android:color/transparent"
android:dividerHeight="16dp"
android:paddingStart="15dp"
android:paddingBottom="5dp"
android:paddingEnd="15dp"
android:paddingTop="10dp"/>

消息气泡布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:id="@+id/message_bubble"
android:background="@drawable/normal_message_background">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true"
android:id="@+id/message_user"
android:textStyle="normal|bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@id/message_user"
android:layout_marginStart="10dp"
android:id="@+id/message_time" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/message_user"
android:layout_alignParentStart="true"
android:layout_marginTop="5dp"
android:id="@+id/message_text"
android:textAppearance="@style/TextAppearance.AppCompat.Body1"
android:textSize="18sp" />

FirebaseListAdapter 和运行时样式更改代码块

private void displayChatMessages() {
ListView listOfMessages = findViewById(R.id.list_of_messages);
FirebaseListOptions<ChatMessage> options = new FirebaseListOptions.Builder<ChatMessage>().setLayout(R.layout.message)
.setQuery(dbMessagesReference, ChatMessage.class).build();
mAdapter = new FirebaseListAdapter<ChatMessage>(options) {
@Override
protected void populateView(View v, ChatMessage model, int position) {
// Get references to the views of message.xml
RelativeLayout messageBubble = v.findViewById(R.id.message_bubble);
TextView messageText = v.findViewById(R.id.message_text);
TextView messageUser = v.findViewById(R.id.message_user);
TextView messageTime = v.findViewById(R.id.message_time);
// Set their text
messageText.setText(model.getMessageText());
messageUser.setText(model.getMessageUser());
messageTime.setText(model.getMessageTime());
if (messageUser.getText().equals(FirebaseAuth.getInstance().getCurrentUser().getDisplayName()))
messageBubble.setBackgroundResource(R.drawable.active_user_message_background);
}
};
listOfMessages.setAdapter(mAdapter);
}

编辑:我已经通过声明 else 语句来修复这个问题,如果用户名不匹配,我会将正常的可绘制变体设置回来,但是一旦在运行时更改了背景资源,气泡看起来更小并且不会环绕所有文本,有谁知道原因?

第二次编辑:我在另一篇文章中找到了第二个问题的解决方案:设置背景可绘制对象时,填充会去哪里?

显然,该问题应该已在API 19/21中修复,但是如果您仍然遇到该问题,请应用上面链接的线程中解释的解决方法

>ListView将重用视图来帮助提高性能。这意味着当我们滚动时,适配器只会将您的内容放置在预定离开屏幕的视图中,而不是膨胀新视图。 这会导致您设置当前用户背景的所有视图始终保留该背景,因为如果视图填充了非当前用户数据,则没有条件将其设置回来。

要解决此问题,请添加以下条件:

if (messageUser.getText().equals(FirebaseAuth.getInstance().getCurrentUser().getDisplayName())){                
messageBubble.setBackgroundResource(R.drawable.active_user_message_background);
}
else{
messageBubble.setBackgroundResource(R.drawable.normal_message_background);
}

最新更新