通过关注此 question ，我可以在图像周围添加文字。但是，我有以下问题。

如您所见，顶部图像的空间显示在右侧的每个段落中。在这个问题中，有人遇到了这个问题，并建议将“ss.length()”更改为“lines”。这似乎可行，除非第一段太短，下一段会与图像重叠。

我稍微修改了 FlowTextHelper 类以使用来自 Html 的文本。这是我正在使用的代码:

public class FlowTextHelper {
    private static boolean mNewClassAvailable;

    /* class initialization fails when this throws an exception */
    static {
        try {
            Class.forName("android.text.style.LeadingMarginSpan$LeadingMarginSpan2");
            mNewClassAvailable = true;
        } catch (Exception ex) {
            mNewClassAvailable = false;
        }
    }

    public static void tryFlowText(String text, View thumbnailView, TextView messageView, Display display, int addPadding){
        // There is nothing I can do for older versions, so just return
        if(!mNewClassAvailable) return;

        // Get height and width of the image and height of the text line
        thumbnailView.measure(display.getWidth(), display.getHeight());
        int height = thumbnailView.getMeasuredHeight();
        int width = thumbnailView.getMeasuredWidth() + addPadding;
        messageView.measure(width, height); //to allow getTotalPaddingTop
        int padding = messageView.getTotalPaddingTop();
        float textLineHeight = messageView.getPaint().getTextSize();

        // Set the span according to the number of lines and width of the image
        int lines =  (int)Math.round((height - padding) / textLineHeight);
        //SpannableString ss = new SpannableString(text);
        //For an html text you can use this line:
        if(!text.equals("")) {
            SpannableStringBuilder ss = (SpannableStringBuilder) Html.fromHtml(text);
            ss.setSpan(new MyLeadingMarginSpan2(lines, width), 0, ss.length(), 0);
            messageView.setText(ss);
            messageView.setMovementMethod(LinkMovementMethod.getInstance()); // links

            // Align the text with the image by removing the rule that the text is to the right of the image
            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) messageView.getLayoutParams();
            int[] rules = params.getRules();
            rules[RelativeLayout.RIGHT_OF] = 0;
        }
    }
}

public class MyLeadingMarginSpan2 implements LeadingMarginSpan.LeadingMarginSpan2 {
    private int margin;
    private int lines;

    public MyLeadingMarginSpan2(int lines, int margin) {
        this.margin = margin;
        this.lines = lines;
    }

    @Override
    public int getLeadingMargin(boolean first) {
        return first ? margin : 0;
    }

    @Override
    public int getLeadingMarginLineCount() {
        return lines;
    }

    @Override
    public void drawLeadingMargin(Canvas c, Paint p, int x, int dir,
                                  int top, int baseline, int bottom, CharSequence text,
                                  int start, int end, boolean first, Layout layout) {}
}

是什么导致每个段落都重复空格，我该如何摆脱它？感谢您的帮助。

最佳答案

我已经花了几个小时来解决这个问题，但由于在这里找到了答案，所以解决了这个问题: text wrapping around image in android

基本如下:

首先给你的 TextView 添加边距并设置文本

final RelativeLayout.LayoutParams params = RelativeLayout.LayoutParams)messageView.getLayoutParams();
params.setMargins(marginWidth, 0, 0, 0);
messageView.setText(Html.fromHtml(text));

然后添加一个 OnGlobalLayoutListener 并在 onGlobalLayout() 调用中计算实际需要边距的行数。您将行拆分为 2 个单独的 spannables，并将边距仅添加到第一个:

        messageView.getViewTreeObserver().addOnGlobalLayoutListener( new OnGlobalLayoutListener() {

            @SuppressLint("NewApi")
            @SuppressWarnings("deprecation")
            @Override
            public void onGlobalLayout() {

                int linesCount = messageView.getLayout().getLineCount();
                // restore the margin
                params.setMargins(0, 0, 0, 0);
                SpannableString spanS =  new  SpannableString ( Html.fromHtml(text) );

                if (linesCount <= lines) {
                    spanS.setSpan(new MyLeadingMarginSpan2(lines, width), 0, spanS.length(), 0);
                    messageView.setText(spanS);
                } else {
                    // find the breakpoint where to break the String.
                    int breakpoint = messageView.getLayout().getLineEnd(lines-1);

                    Spannable s1 = new SpannableStringBuilder(spanS, 0, breakpoint);
                    s1.setSpan(new MyLeadingMarginSpan2(lines, width), 0, s1.length(), 0);
                    Spannable s2 = new SpannableStringBuilder(System.getProperty("line.separator"));
                    Spannable s3 = new SpannableStringBuilder(spanS, breakpoint, spanS.length());
                    // It is needed to set a zero-margin span on for the text under the image to prevent the space on the right!
                    s3.setSpan(new MyLeadingMarginSpan2(0, 0), 0, s3.length(), 0);
                    messageView.setText(TextUtils.concat(s1, s2, s3));
                }

                // remove the GlobalLayoutListener
                if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN) {
                     messageView.getViewTreeObserver().removeOnGlobalLayoutListener(this);                           
                 } else {
                     messageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                 }
            }
        });

关于Android文字围绕图像错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26111609/