在翻译App中如何用RecyclerView实现段落式可点击行排版？

Hey there! Let's figure out how to build that paragraph-style reading view with RecyclerView—since you already have experience using RecyclerView for your translated view, this will be a familiar setup with a few targeted tweaks. Here's a step-by-step breakdown to get you there:

Instead of treating the paragraph as a single block, we'll split the text into individual lines (matching how it would render in a normal text view) and use each line as a RecyclerView item. This lets us keep the continuous paragraph visual while adding per-line click interactions.

1. Preprocess Text into Lines #

First, we need to split your full paragraph text into lines that fit the screen width. We'll use TextPaint to measure text width and split the content accordingly. Here's a simple utility class to handle this:

public class TextLineSplitter {
    public static List<String> splitTextToFitWidth(String fullText, float maxLineWidth, TextPaint textPaint) {
        List<String> lines = new ArrayList<>();
        int textLength = fullText.length();
        int startIndex = 0;

        while (startIndex < textLength) {
            // Find the end index where the text fits within max width
            int endIndex = textPaint.breakText(fullText, startIndex, textLength, true, maxLineWidth, null);
            String line = fullText.substring(startIndex, startIndex + endIndex).trim();
            lines.add(line);
            startIndex += endIndex;
        }
        return lines;
    }
}

Note: This works for both Chinese and English text—breakText handles language-specific wrapping rules automatically.

2. Build the RecyclerView Adapter & Item Layout #

We'll create a minimal item layout that looks like a continuous part of a paragraph, then wire up click interactions.

Item Layout (item_paragraph_line.xml) #

Make sure the text view takes full width and has subtle padding to maintain readability without breaking the paragraph flow:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tv_line_content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingVertical="4dp"
    android:textSize="16sp"
    android:textColor="#212121"
    android:background="?attr/selectableItemBackground"/>

RecyclerView Adapter #

This adapter will bind each line to the item view and handle click/long-click events for your share/highlight/copy actions:

public class ParagraphLineAdapter extends RecyclerView.Adapter<ParagraphLineAdapter.LineViewHolder> {
    private List<String> mLineList;
    private OnLineInteractionListener mInteractionListener;

    public interface OnLineInteractionListener {
        void onLineClicked(String lineContent, int position);
        void onLineLongClicked(String lineContent, int position);
    }

    public ParagraphLineAdapter(List<String> lineList, OnLineInteractionListener listener) {
        mLineList = lineList;
        mInteractionListener = listener;
    }

    @NonNull
    @Override
    public LineViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_paragraph_line, parent, false);
        return new LineViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull LineViewHolder holder, int position) {
        String line = mLineList.get(position);
        holder.tvLine.setText(line);

        // Handle single click for share/copy
        holder.itemView.setOnClickListener(v -> {
            if (mInteractionListener != null) {
                mInteractionListener.onLineClicked(line, position);
            }
        });

        // Handle long click for highlighting
        holder.itemView.setOnLongClickListener(v -> {
            if (mInteractionListener != null) {
                mInteractionListener.onLineLongClicked(line, position);
            }
            return true;
        });
    }

    @Override
    public int getItemCount() {
        return mLineList.size();
    }

    static class LineViewHolder extends RecyclerView.ViewHolder {
        TextView tvLine;

        public LineViewHolder(@NonNull View itemView) {
            super(itemView);
            tvLine = itemView.findViewById(R.id.tv_line_content);
        }
    }
}

3. Initialize the RecyclerView in Your View #

Now set up the RecyclerView to look like a continuous paragraph (no list-style gaps) and connect it to the adapter:

// Get your full paragraph text
String fullParagraph = "Your long paragraph content here...";
RecyclerView rvParagraphView = findViewById(R.id.rv_paragraph_view);

// Calculate max line width (RecyclerView width minus padding)
int recyclerViewWidth = rvParagraphView.getWidth() - rvParagraphView.getPaddingLeft() - rvParagraphView.getPaddingRight();
TextPaint textPaint = new TextPaint();
textPaint.setTextSize(getResources().getDimensionPixelSize(R.dimen.text_size_16sp));

// Split text into lines
List<String> lineList = TextLineSplitter.splitTextToFitWidth(fullParagraph, recyclerViewWidth, textPaint);

// Configure RecyclerView
rvParagraphView.setLayoutManager(new LinearLayoutManager(this));
rvParagraphView.setAdapter(new ParagraphLineAdapter(lineList, new ParagraphLineAdapter.OnLineInteractionListener() {
    @Override
    public void onLineClicked(String lineContent, int position) {
        // Trigger share/copy action here (e.g., show a PopupMenu)
        showLineActionMenu(lineContent, rvParagraphView);
    }

    @Override
    public void onLineLongClicked(String lineContent, int position) {
        // Trigger highlight action here
        highlightLine(position);
    }
}));

// Remove any default item decorations to avoid gaps between lines
rvParagraphView.addItemDecoration(new RecyclerView.ItemDecoration() {
    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        outRect.set(0, 0, 0, 0);
    }
});

4. Handle Layout Nesting #

If you need to toggle between this paragraph view and your existing translated RecyclerView, use a FrameLayout or ViewSwitcher to host both views:

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Paragraph-style reading view -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_paragraph_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingHorizontal="16dp"/>

    <!-- Your existing translated view -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_translated_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"/>

</FrameLayout>

Then switch between views by updating their visibility (e.g., View.VISIBLE/View.GONE) when the user toggles the reading mode.

Quick Tips for Polish #

• Handle screen rotation: Re-split the text when the configuration changes (use ViewModel to keep the original paragraph text so you don't lose it).
• Customize the click feedback: Adjust the selectableItemBackground to match your app's theme, or disable it if you prefer a custom highlight effect.

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