Android中怎么通过自定义View实现HTML图文环绕效果

发布时间:2021-06-28 15:21:23 作者:Leah
来源:亿速云 阅读:257

Android中怎么通过自定义View实现HTML图文环绕效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

1、Android系统TextView的ImageSpan实现图文环绕

Android中怎么通过自定义View实现HTML图文环绕效果

代码如下:

TextView tv = new TextView ( this ) ;         SpannableString spanStr = new SpannableString ( "掌声那历史的房间里是副经理撒旦法阿斯顿及福利费是到发顺丰" ) ; ImageSpan imageSpan = new ImageSpan ( this, R. drawable. a ) ; spanStr. setSpan (imageSpan, 3, 5, Spannable. SPAN_INCLUSIVE_INCLUSIVE ) ; tv. setText (spanStr ) ;         setContentView (tv ) ;

2、Android中自定义View实现图文环绕

Android中怎么通过自定义View实现HTML图文环绕效果

代码如下:

FloatImageText view = new FloatImageText ( this ) ; view. setText ( "电视里发生了房间里是积分拉萨积分拉萨积分拉萨减肥啦空间  撒旦法发大水发撒旦法看完了鸡肉味容积率为热键礼物i经二路文件容量为积分拉萨解放路口上飞机撒离开房间爱水立方法拉圣诞节福禄寿" ) ; Bitmap bm = BitmapFactory. decodeResource (getResources ( ), R. drawable. a ) ; view. setImageBitmap (bm, 30, 30 ) ;       package com.orgcent.view ;  import java.util.ArrayList ;  import android.content.Context ; import android.graphics.Bitmap ; import android.graphics.Canvas ; import android.graphics.Color ; import android.graphics.Paint ; import android.graphics.Rect ; import android.graphics.Paint.FontMetrics ; import android.util.AttributeSet ; import android.util.DisplayMetrics ; import android.view.View ; /** * 模拟CSS中的float浮动效果 */ public class FloatImageText extends View {     private Bitmap mBitmap ;     private final Rect bitmapFrame = new Rect ( ) ;     private final Rect tmp = new Rect ( ) ;     private int mTargetDentity = DisplayMetrics. DENSITY_DEFAULT ;         private final Paint mPaint = new Paint ( Paint. ANTI_ALIAS_FLAG ) ;     private String mText ;     private ArrayList <TextLine > mTextLines ;     private final int [ ] textSize = new int [ 2 ] ;      public FloatImageText ( Context context, AttributeSet attrs, int defStyle ) {         super (context, attrs, defStyle ) ;         init ( ) ;     }      public FloatImageText ( Context context, AttributeSet attrs ) {         super (context, attrs ) ;         init ( ) ;     }      public FloatImageText ( Context context ) {         super (context ) ;         init ( ) ;     }         private void init ( ) {         mTargetDentity = getResources ( ). getDisplayMetrics ( ). densityDpi ;         mTextLines = new ArrayList <TextLine > ( ) ;                 mPaint. setTextSize ( 14 ) ;         mPaint. setColor ( Color. RED ) ;             }              @Override     protected void onMeasure ( int widthMeasureSpec, int heightMeasureSpec ) {         int w = 0, h = 0 ;         //图片大小         w += bitmapFrame. width ( ) ;         h += bitmapFrame. height ( ) ;                 //文本宽度         if ( null != mText && mText. length ( ) > 0 ) {             mTextLines. clear ( ) ;             int size = resolveSize ( Integer. MAX_VALUE, widthMeasureSpec ) ;             measureAndSplitText (mPaint, mText, size ) ;             final int textWidth = textSize [ 0 ], textHeight = textSize [ 1 ] ;             w += textWidth ; //内容宽度             if (h < textHeight ) { //内容高度                 h = ( int ) textHeight ;             }         }                 w = Math. max (w, getSuggestedMinimumWidth ( ) ) ;         h = Math. max (h, getSuggestedMinimumHeight ( ) ) ;                 setMeasuredDimension (                 resolveSize (w, widthMeasureSpec ),                 resolveSize (h, heightMeasureSpec ) ) ;     }         @Override     protected void onDraw ( Canvas canvas ) {         //绘制图片         if ( null != mBitmap ) {             canvas. drawBitmap (mBitmap, null, bitmapFrame, null ) ;         }                 //绘制文本         TextLine line ;         final int size = mTextLines. size ( ) ;         for ( int i = 0 ; i < size ; i ++ ) {             line = mTextLines. get (i ) ;             canvas. drawText (line. text, line. x, line. y, mPaint ) ;         }         System. out. println (mTextLines ) ;     }             public void setImageBitmap (Bitmap bm ) {         setImageBitmap (bm, null ) ;     }         public void setImageBitmap (Bitmap bm, int left, int top ) {         setImageBitmap (bm, new Rect (left, top, 0, 0 ) ) ;     }         public void setImageBitmap (Bitmap bm, Rect bitmapFrame ) {         mBitmap = bm ;         computeBitmapSize (bitmapFrame ) ;         requestLayout ( ) ;         invalidate ( ) ;     }         public void setText ( String text ) {         mText = text ;         requestLayout ( ) ;         invalidate ( ) ;     }         private void computeBitmapSize (Rect rect ) {         if ( null != rect ) {             bitmapFrame. set (rect ) ;         }         if ( null != mBitmap ) {             if (rect. right == 0 && rect. bottom == 0 ) {                 final Rect r = bitmapFrame ;                 r. set (r. left, r. top,                         r. left + mBitmap. getScaledHeight (mTargetDentity ),                         r. top + mBitmap. getScaledHeight (mTargetDentity ) ) ;             }         } else {              bitmapFrame. setEmpty ( ) ;         }     }         private void measureAndSplitText ( Paint p, String content, int maxWidth ) {         FontMetrics fm = mPaint. getFontMetrics ( ) ;         final int lineHeight = ( int ) (fm. bottom - fm. top ) ;                 final Rect r = new Rect (bitmapFrame ) ; //        r.inset(-5, -5);                 final int length = content. length ( ) ;         int start = 0, end = 0, offsetX = 0, offsetY = 0 ;         int availWidth = maxWidth ;         TextLine line ;         boolean onFirst = true ;         boolean newLine = true ;         while (start < length ) {             end ++;             if (end == length ) { //剩余的不足一行的文本                 if (start <= length - 1 ) {                     if (newLine ) offsetY += lineHeight ;                     line = new TextLine ( ) ;                     line. text = content. substring (start, end - 1 ) ;                     line. x = offsetX ;                     line. y = offsetY ;                     mTextLines. add (line ) ;                 }                 break ;             }             p. getTextBounds (content, start, end, tmp ) ;             if (onFirst ) { //确定每个字符串的坐标                 onFirst = false ;                 final int height = lineHeight + offsetY ;                 if (r. top >= height ) { //顶部可以放下一行文字                     offsetX = 0 ;                     availWidth = maxWidth ;                     newLine = true ;                 } else if (newLine && (r. bottom >= height && r. left >= tmp. width ( ) ) ) { //中部左边可以放文字                     offsetX = 0 ;                     availWidth = r. left ;                     newLine = false ;                 } else if (r. bottom >= height && maxWidth - r. right >= tmp. width ( ) ) { //中部右边                     offsetX = r. right ;                     availWidth = maxWidth - r. right ;                     newLine = true ;                 } else { //底部                     offsetX = 0 ;                     availWidth = maxWidth ;                     if (offsetY < r. bottom ) offsetY = r. bottom ;                     newLine = true ;                 }             }                         if (tmp. width ( ) > availWidth ) { //保存一行能放置的***字符串                 onFirst = true ;                 line = new TextLine ( ) ;                 line. text = content. substring (start, end - 1 ) ;                 line. x = offsetX ;                 mTextLines. add (line ) ;                 if (newLine ) {                     offsetY += lineHeight ;                     line. y = offsetY ;                 } else {                     line. y = offsetY + lineHeight ;                 }                                 start = end - 1 ;             }         }         textSize [ 1 ] = offsetY ;     }         class TextLine {         String text ;         int x ;         int y ;                 @Override         public String toString ( ) {             return "TextLine [text=" + text + ", x=" + x + ", y=" + y + "]" ;         }     } }

关于Android中怎么通过自定义View实现HTML图文环绕效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

推荐阅读:
  1. Android自定义View实现圆形环绕效果
  2. 怎么在Android中通过自定义view实现圆环效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android view

上一篇:怎么解决pandas作图无法显示中文的问题

下一篇:pip安装使用本地源的教程

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》