每个消息的聊天消息自定义UI

Question

我已经坚持了几个月，我不知道该怎么办或在哪里寻找解决方案。如果你们能指出我正确的方向...

基本上，我有一个简单的聊天室，只涉及两个人，每当用户发送消息时，我都会得到两个值：用户名和消息。

目前，这是我用于显示每条消息的代码：

private void append_chat_conversation(DataSnapshot dataSnapshot) {
        for (DataSnapshot ds : dataSnapshot.getChildren()) {
            Log.e("Chat details: ", String.valueOf(ds));
            chat_username = dataSnapshot.child("username").getValue(String.class);
            chat_msg = dataSnapshot.child("message").getValue(String.class);
            Log.e("Chat username: ", "" + chat_username);
            Log.e("Chat message: ", "" + chat_msg);

        }
           messageView.append(chat_username + " - " + chat_msg + "\n");
    }

如您所见，当我同时获得两个值时，会将它们附加到聊天窗口中scrollView的简单textView中。但是，我不想要那样。我想使它比简单的文本更好。我只是不知道如何在链接中显示下面的布局以及相关数据（用户名+消息）。

Link to a picture that shows what layout I'd like.

希望我已经很好地解释了，谢谢您的提前帮助。