Android自定义View实现HTML图文环绕效果

Android中并没有提供HTML图文环绕效果的view，最接近的算是TextView中的ImageSpan了，但并未完全实现图文环绕（图文混排）的效果。

在留坝等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供做网站、成都网站设计网站设计制作按需网站制作,公司网站建设,企业网站建设,品牌网站设计,营销型网站,外贸营销网站建设,留坝网站建设费用合理。

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

代码如下：

 
 
 
   
  
  
  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实现图文环绕

代码如下：

 
 
 
   
  
  
  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  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  ( ) ;   
  
  
            
  
  
          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图文环绕效果
网页URL：http://www.shufengxianlan.com/qtweb/news0/281600.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容