android开发 自定义图文混排控件

功能：图文混排，可自动缩放字体，如图：

 

单点触控使用的代码来自：http://blog.csdn.net/xiaanming/article/details/42833893  谢谢博主！

在该demo中只是将bitmap改为了显示图文混排的效果，不足之处，请大家指正，共同进步！

贴上2个重要的方法：

private void MeasureBitmapTextSize(HSpannableString htr)  //计算图文内容需要的bitmap高宽以及对应的字体大小
    {
        //根据字体大小重新计算字体大小
        int columnSpace = 5; //列间距
        int rowSpace = 5;  //行间距
        float charWidth = 0;  //每个字符占的宽度，以一个英文字符为单位
        float charHeight = 0;  //每个字符的高度
        
        Paint tryPaint = new Paint();
        tryPaint.setTextAlign(Paint.Align.CENTER);
        tryPaint.setAntiAlias(true);   //设置画笔为无锯齿  
//        tryPaint.setTextSize(mTextSize);
        tryPaint.setColor(mTextColor);
        
        float curRowLen = 0;
        mBmpWidth = 0;
        mBmpHeight = 0;
        int size = htr.stringList.size();
        
        int curTextSize = (int) mTextSize;
        if(mTextSize==min_textsize)
        {
            curTextSize = max_textsize;
        }
        for(;curTextSize > min_textsize;curTextSize--)  //从当前字体开始循环缩小
        {
            mBmpHeight = 0;
            tryPaint.setTextSize(curTextSize);
            FontMetrics fontMetrics = tryPaint.getFontMetrics();
            charHeight = fontMetrics.bottom - fontMetrics.top;
            curRowLen = columnSpace;
            for(int i=0;i<size;i++)
            {
                Hstring hs = htr.stringList.get(i);
                if(hs.type==Hstring.TYPE_TEXT)
                {
                    charWidth = tryPaint.measureText(hs.ch+"",0,1);
                }
                else  //图片元素，，一个图片占一个中文方块字的高宽
                {
                    charWidth = tryPaint.measureText("哈"+"",0,1);
                }
                curRowLen += (columnSpace + charWidth);
                Log.e("resetBitmap", "curRowLen="+curRowLen+";charWidth="+charWidth+";mTextSize="+mTextSize+";mBmpHeight="+mBmpHeight);
                if(curRowLen > (mParentWidth-TEXT_PADDING*2))  //换行
                {
                    Log.e("resetBitmap", "TAG1:curRowLen="+curRowLen+";mParentWidth="+mParentWidth+";TEXT_PADDING="+TEXT_PADDING);
                    //需要换行
                    curRowLen = charWidth+ columnSpace;
                    mBmpWidth = (mParentWidth - TEXT_PADDING*2);
                    mBmpHeight += (charHeight+rowSpace);
                    Log.e("resetBitmap", "TAG1:mBmpWidth="+mBmpWidth+";i="+i+";size="+size);
                    if(i>=(size-1))  //说明是最后一行
                    {
                        mBmpHeight += (charHeight+rowSpace);
                    }
                }
                else if(i>=(size-1) && curRowLen > minBmpWidth && mBmpWidth!=(mParentWidth- TEXT_PADDING*2))//第一行时
                {
                    mBmpWidth = (int) curRowLen;
                    mBmpHeight = (int)(charHeight+rowSpace);
                    Log.e("resetBitmap", "TAG2:mBmpWidth="+mBmpWidth);
                    break;
                }
                else if(i>=(size-1) && mBmpWidth!=(mParentWidth- TEXT_PADDING*2))//第一行时
                {
                    mBmpWidth = minBmpWidth;
                    mBmpHeight = (int) (charHeight+rowSpace);
                    Log.e("resetBitmap", "TAG3:mBmpWidth="+mBmpWidth);
                    break;
                }
                else if(i>=(size-1) && mBmpWidth == (mParentWidth- TEXT_PADDING*2))  //当前有换行
                {
                    mBmpWidth = (mParentWidth- TEXT_PADDING*2);
                    mBmpHeight += (charHeight+rowSpace);
                    Log.e("resetBitmap", "TAG4:mBmpWidth="+mBmpWidth);
                    break;
                }
            } 
            if(mBmpHeight<=(mParentHeight - TEXT_PADDING*2) || curTextSize <=min_textsize)
            {
                mTextSize = curTextSize;
                break;
            }
        }
//        Log.v("resetBitmap", "mBmpWidth="+mBmpWidth+";mBmpHeight="+mBmpHeight);
    }

 

再次，将内容画到bitmap上去（mBmpWidth和 mBmpHeight）

/**
     * 将图文内容生成图片
     * @param htr
     * @param textSize
     * @param textColor
     * @return
     */
    public Bitmap createTextBitmap(HSpannableString htr,float textSize,int textColor)
    {
        //设置初始属性
        int columnSpace = 5; //列间距
        int rowSpace = 5;  //行间距
        float curX =0,curY=0;
//        float curRowWidth = 0; //当前所在行的实时宽度
        MeasureBitmapTextSize(htr);  //重新设置改bitmap的高宽
        if(mBmpWidth <=0 || mBmpHeight <=0)
        {
            mBmpWidth = minBmpWidth;
            mBmpHeight = minBmpHeight;
        }
        Bitmap bitmap = Bitmap.createBitmap(mBmpWidth, mBmpHeight, Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        //画背景
        Paint bgpaint = new Paint();
        bgpaint.setColor(Color.parseColor("#CEFFCE"));
        Rect bgrect = new Rect(0, 0, mBmpWidth, mBmpHeight);
        canvas.drawRect(bgrect, bgpaint);
        //画内容
        Paint fontPaint = new Paint();
        fontPaint.setTextAlign(Paint.Align.CENTER);
        fontPaint.setAntiAlias(true);   //设置画笔为无锯齿  
        fontPaint.setTextSize(textSize);
        fontPaint.setColor(textColor);
        
        // 计算每一个坐标  
//        float baseX = 0;  
//        float baseY = rowSpace;
        FontMetrics fontMetrics = fontPaint.getFontMetrics();
        float fontTotalHeight = fontMetrics.bottom - fontMetrics.top;  
//        float offY = fontTotalHeight / 2 - fontMetrics.bottom;  
//        float newY = baseY + offY;
        curX = columnSpace;
        curY = fontTotalHeight - fontMetrics.descent;
        float charWidth= 0;
        float tryCurWidth=0; //用于判断换行的
        for(int i=0;i<htr.stringList.size();i++)
        {
            Hstring hs = htr.stringList.get(i);
            if(hs.type==Hstring.TYPE_TEXT)  //文本
            {
                charWidth = fontPaint.measureText(hs.ch+"",0,1);
                //计算会不会超出边界
                tryCurWidth = curX + (columnSpace + charWidth);
                
                if(tryCurWidth > (mParentWidth-TEXT_PADDING*2))
                {
                    curY += rowSpace+fontTotalHeight;
                    curX = columnSpace;
                }
                else
                {
                    curX = tryCurWidth-(columnSpace + charWidth);
                }
                Log.e("createTextBitmap3", "curX="+curX+";hs.ch="+hs.ch+";charWidth="+charWidth);
                canvas.drawText(hs.ch+"", curX+charWidth/2, curY, fontPaint);
                curX += (columnSpace + charWidth);
                tryCurWidth = 0;
            }
            else  //图片
            {
                charWidth = fontPaint.measureText("哈"+"",0,1);
                //预算会不会超出边界
                tryCurWidth = curX + (columnSpace + charWidth);
                if(tryCurWidth > (mParentWidth-TEXT_PADDING*2))
                {
                    curY += rowSpace+fontTotalHeight;
                    curX = columnSpace;
                }
                else
                {
                    curX = tryCurWidth-(columnSpace + charWidth);
                }
                Rect srcRect = new Rect();
                srcRect.left = 0;
                srcRect.top = 0;
                srcRect.right = htr.stringList.get(i).bmp.getWidth();
                srcRect.bottom = htr.stringList.get(i).bmp.getWidth() + htr.stringList.get(i).bmp.getHeight();
                Rect bmpRect = new Rect((int)curX,(int)(curY + fontMetrics.ascent+fontMetrics.leading),(int)(curX+columnSpace + charWidth),(int)(curY -fontMetrics.ascent));
                Log.v("图片", "curY="+curY+";ascent="+fontMetrics.ascent+";leading="+fontMetrics.leading);
                Paint bmpPaint = new Paint();
                Log.e("createTextBitmap3", "curX="+curX+";hs.ch="+hs.ch+";charWidth="+charWidth);
                canvas.drawBitmap(htr.stringList.get(i).bmp, srcRect,bmpRect, bmpPaint);
                curX += (columnSpace + charWidth);
                tryCurWidth = 0;
            }
        }
        return bitmap;
    }

 

demo下载地址：http://download.csdn.net/detail/feijian_/9014939