FirebaseRecyclerAdapter<Message,MessageViewHolder>

Question

我正在使用 Firebase 开发聊天应用程序。为了显示消息，我使用了 recyclerView 和 FirebaseRecyclerAdapter。问题是我想根据消息的发送者更改与此 FirebaseRecyclerAdapter 关联的布局，以便发送者和接收者的消息看起来不同，但我不知道该怎么做。

如果您有任何想法，请告诉我！这些是我的 onStart 方法和 viewHolder class 以及消息的布局。

谢谢大家。

protected void onStart() {
    super.onStart();
    FirebaseRecyclerAdapter<Message,MessageViewHolder> FBRA1 = new FirebaseRecyclerAdapter<Message, MessageViewHolder>(
            Message.class,
            R.layout.singlemessagelayout,
            MessageViewHolder.class,
            refbase1
    ) {
        @Override
        protected void populateViewHolder(MessageViewHolder viewHolder, Message model, int position) {
            try {
                viewHolder.setContent(model.getSender().username, model.message);
            }catch (NullPointerException e){

            }

        }
    } ;
    recyclerView.setAdapter(FBRA1);
    recyclerView.scrollToPosition(recyclerView.getAdapter().getItemCount());

}
public static class MessageViewHolder extends RecyclerView.ViewHolder {
    View v ;
    public MessageViewHolder(View itemView) {
        super(itemView);
        v = itemView ;
    }

    public void setContent(String username, String content) {
        TextView messageContent = (TextView)v.findViewById(R.id.emailid2) ;
        TextView messagesender = (TextView)v.findViewById(R.id.usernameid2) ;
        messageContent.setText(content);
        messagesender.setText(username);

    }
}

这是我的第一个消息布局，名为 "singlemessagelayout.xml"

       <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/gradient2"
        android:layout_margin="10dp"
        android:id="@+id/mylayout"
        android:layout_alignParentRight="false"

        >
            <TextView
                android:layout_marginLeft="0dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="sender"
                android:textColor="#52EFFF"
                android:textStyle="italic"
                android:textSize="18dp"
                android:id="@+id/usernameid2"
                />
            <TextView
                android:layout_marginLeft="20dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="message envoyé"
                android:textSize="20dp"
                android:textStyle="bold"
                android:textColor="#ffffff"
                android:gravity="center"
                android:id="@+id/emailid2"
                />

    </LinearLayout>

这是我的第二个消息布局，名为 "singlemessagelayout2.xml"

       <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/gradient2"
        android:layout_margin="10dp"
        android:id="@+id/mylayout"
        android:layout_alignParentRight="true"

        >
            <TextView
                android:layout_marginLeft="0dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="sender"
                android:textColor="#52EFFF"
                android:textStyle="italic"
                android:textSize="18dp"
                android:id="@+id/usernameid2"
                />
            <TextView
                android:layout_marginLeft="20dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="message envoyé"
                android:textSize="20dp"
                android:textStyle="bold"
                android:textColor="#ffffff"
                android:gravity="center"
                android:id="@+id/emailid2"
                />

    </LinearLayout>

Answer 1

如果您查看消息传递应用程序，您会注意到通过将收到的消息放在左侧，将发送的消息放在右侧来提供可用性。这意味着您需要知道消息是否是从当前用户发送的，因此您的模型应该有一个标识符。 UID 或电子邮件应该这样做。像这样：

{
    "message": "hello world",
    "sender": UID1
}

为了简化问题，我的解决方案是使用单个布局，然后根据标识符以编程方式更改布局的属性，如果与当前用户匹配，则它将向右移动，如果不匹配，则收到消息它会向左移动。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/messageTv"
        android:layout_width="wrap_content"
        android:paddingStart="16dp"
        android:paddingEnd="16dp"
        android:paddingBottom="8dp"
        android:paddingTop="8dp"
        android:layout_height="wrap_content" />

</LinearLayout>

我使用 LinearLayout 作为容器，因为我发现设置填充和重力更容易，但您可以使用其他东西。

下一段代码应该放在您的 populateViewHolder 方法中

TextView textView = holder.textView;
textView.setText(model.getMessage());

LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) textView.getLayoutParams();
final Resources resources = textView.getContext().getResources();
int gravity;
int zero = 0;
int padding = (int) resources.getDimension(R.dimen.message_container_padding);
ViewGroup container = holder.container;

boolean isOwner = CURRENT_UID.equals(model.getSender());

if (isOwner) {
    gravity = Gravity.END;
    container.setPaddingRelative(padding, zero, zero, zero);
} else {
    gravity = Gravity.START;
    container.setPaddingRelative(zero, zero, padding, zero);
}
textView.setGravity(gravity);
layoutParams.gravity = gravity;

关于上述代码的一些事情：

由于当前用户 UID 始终相同，因此我使用常量进行比较。您可以使用 FirebaseAuth.getInstance...
为了将填充转换为 DP，我正在使用 dimen，您应该在方便的时候在 dimens.xml 中创建它，如果您对此有疑问，可以用一个简单的数字替换它, 可能类似于 72.

最后，我建议更新 Firebase-ui-数据库，populateViewHolder 非常过时，当前的 FirebaseRecyclerAdapter 在方法命名方面更接近于常见的 RecyvlerView.Adapter正在工作。

Answer 2

<androidx.recyclerview.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/linearLayout"
    android:id="@+id/messageRec"
    >
</androidx.recyclerview.widget.RecyclerView>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true"
    android:id="@+id/linearLayout"
    >
    <EditText
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:id="@+id/editMessageE"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="send"
        android:onClick="sendButtonClicked"/>

</LinearLayout>

FirebaseRecyclerAdapter<Message,MessageViewHolder>

FirebaseRecyclerAdapter<Message,MessageViewHolder>

android

firebase

firebase-realtime-database

firebaseui