聊天布局像whatsapp

Question

我正在尝试构建像whatsapp这样的聊天布局。我不明白他们是如何安排约会的。位于布局最右角的底部。

1. 我看到了他们的代码，它使用了水平的LinearLayout 消息和日期并排，但那么我喜欢＆＃39;部分 消息打印日期上方？
2. 另一个问题是，如果我使用relativelayout使用alignparentright = true将日期推到极右，它会扩展整个布局以匹配父级，这显然是不可取的

请告诉我这个

Answer 1

如图所示，我只能看到最终结果是通过四个文本视图完成的。

顶部的名称，邮件的两行，以及日期的一行。

一条消息行一直延伸到日期之上，另一条消息行位于日期之下和日期旁边。

您需要测试textview长度以查看在开始切断之前可以应用多少文本，并将余数应用于第二个消息textview。

毛。

Answer 2

您可以尝试使用FrameLayout，其中底部有LinearLayout，其中包含发件人姓名和邮件。然后，添加TextView设置为layout_gravity

的bottom|right

Answer 3

您可以使用下面的布局和代码来达到预期效果。 Source code gist

我使用的是获取文本的宽度+时间布局，并检查它是否超出容器布局宽度，并相应地调整容器的高度。我们必须从FrameLayout扩展，因为这是允许重叠两个子视图的那个。

这已经过测试，适用于英语语言环境。建议和改进总是受欢迎的：）

希望我帮助某人寻找相同的解决方案。

Answer 4

我建议在android:layout_gravity="bottom|right"日期使用TextView标记。这将尝试布置View，好像容器是＆＃34;推动＆＃34;它在底部和右下角。

这可能适用于所有View，也可能不适用。但正如@codeMagic所说，如果你看到他们的代码，那么它应该是显而易见的，对吗？