Android聊天界面调整：如何让发送方消息居左、接收方消息居右？

To get the classic Messenger/iMessage-style alignment, you need to adjust the layout gravity of your message bubble in addition to the background styling. Here's how to update your code:

Step 1: Update Your Adapter Code #

Modify your existing conditional logic to set the alignment based on whether the message is from the current user or not.

Assuming your messageText TextView is inside a LinearLayout (the most common setup for chat items), here's the updated code:

// Inside your Adapter's onBindViewHolder method
if (from_user.equals(current_user_id)) {
    // Received message - align to left
    viewHolder.messageText.setBackgroundResource(R.drawable.message_back_other);
    viewHolder.messageText.setTextColor(Color.BLACK);
    
    // Set layout gravity to left/start
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) viewHolder.messageText.getLayoutParams();
    params.gravity = Gravity.START;
    // Add right margin to avoid touching the edge
    params.setMargins(16, 8, 64, 8); // left, top, right, bottom (dp values - adjust as needed)
    viewHolder.messageText.setLayoutParams(params);
} else {
    // Sent message - align to right
    viewHolder.messageText.setBackgroundResource(R.drawable.message_back);
    viewHolder.messageText.setTextColor(Color.WHITE);
    
    // Set layout gravity to right/end
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) viewHolder.messageText.getLayoutParams();
    params.gravity = Gravity.END;
    // Add left margin to avoid touching the edge
    params.setMargins(64, 8, 16, 8); // left, top, right, bottom (dp values - adjust as needed)
    viewHolder.messageText.setLayoutParams(params);
}

If Using ConstraintLayout: #

If your message item uses ConstraintLayout instead, replace the LayoutParams part with this:

// For received messages (left alignment)
ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) viewHolder.messageText.getLayoutParams();
params.startToStart = ConstraintLayout.LayoutParams.PARENT_ID;
params.endToEnd = ConstraintLayout.LayoutParams.UNSET;
params.setMargins(16, 8, 64, 8);
viewHolder.messageText.setLayoutParams(params);

// For sent messages (right alignment)
ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) viewHolder.messageText.getLayoutParams();
params.endToEnd = ConstraintLayout.LayoutParams.PARENT_ID;
params.startToStart = ConstraintLayout.LayoutParams.UNSET;
params.setMargins(64, 8, 16, 8);
viewHolder.messageText.setLayoutParams(params);

Step 2: Optional Authenticity Adjustments #

• Margin Values: Tweak the margin numbers to match your desired spacing (stick to dp units for cross-device responsiveness).
• Background Shape: For a more polished look, adjust the corner radii to match mainstream apps (rounded differently based on message direction):

For received messages (message_back_other.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/light_gray"/> <!-- Adjust to your preferred color -->
    <corners 
        android:topLeftRadius="30dp"
        android:topRightRadius="30dp"
        android:bottomLeftRadius="30dp"
        android:bottomRightRadius="10dp"/>
</shape>

For sent messages (message_back.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimary"/>
    <corners 
        android:topLeftRadius="30dp"
        android:topRightRadius="30dp"
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="30dp"/>
</shape>

That's it! Your chat messages will now align correctly like popular messaging apps.

内容的提问来源于stack exchange，提问作者Novel