其他分享
首页 > 其他分享> > Android文字周围的图像错误

Android文字周围的图像错误

作者:互联网

通过遵循此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个独立的spannable,并将Margin仅添加到第一个:

        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);
                 }
            }
        });

标签:imageview,word-wrap,android,textview
来源: https://codeday.me/bug/20191029/1957427.html