Android StaticLayout实现主流便签内容生成长图功能

便签记事本是用户常用的一类手机软件，目前各大主流手机均自带此类的工具，并且功能逐渐完善，其中有一项功能——一键生成图片分享比较吸引眼球，尤其是有些社交app在分享动态时有字数限制，如果将要发的内容生成图片就可以解决这个困扰。对比了几家主流手机的自带便签，三星不具备生成图片功能，锤子、魅族、华为具备，但生成时有稍微卡顿，小米同样具备，生成图片时未出现明显卡顿。现在我们也尝试实现此功能。

我们常用的方式是使用Canvas的drawText绘制文本，但它是不会自动换行的，即使一个很长很长的字符串，drawText也只显示一行，超出部分被隐藏在屏幕之外。可以逐个计算每个字符的宽度，通过一定的算法将字符串分割成多个部分，然后分别调用drawText一部分一部分的显示，但是这种显示效率会很低。
StaticLayout是android中处理文字换行的一个工具类，StaticLayout已经实现了文本绘制换行处理。它跟TextView的效果是一样的，其实TextView也是调用StaticLayout来实现换行的。
StaticLayout的构造函数有三个：

public StaticLayout(CharSequence source,
                    TextPaint paint,
                    int width,
                    Layout.Alignment align,
                    float spacingmult,
                    float spacingadd,
                    boolean includepad)
                   
public StaticLayout(CharSequence source,
                    int bufstart,
                    int bufend,
                    TextPaint paint,
                    int outerwidth,
                    Layout.Alignment align,
                    float spacingmult,
                    float spacingadd,
                    boolean includepad)
                   
public StaticLayout(CharSequence source,
                    int bufstart,
                    int bufend,
                    TextPaint paint,
                    int outerwidth,
                    Layout.Alignment align,
                    float spacingmult,
                    float spacingadd,
                    boolean includepad,
                    TextUtils.TruncateAt ellipsize,
                    int ellipsizedWidth)

实际上都是调用的第三个构造函数，下面是它的参数解释：

1.需要分行的字符串
2.需要分行的字符串从第几的位置开始
3.需要分行的字符串到哪里结束
4.画笔对象
5.layout的宽度，字符串超出宽度时自动换行。
6.layout的对其方式，有ALIGN_CENTER， ALIGN_NORMAL， ALIGN_OPPOSITE 三种。
7.相对行间距，相对字体大小，1.5f表示行间距为1.5倍的字体高度。
8.在基础行距上添加多少
实际行间距等于这两者的和。
9.参数未知
10.从什么位置开始省略
11.超过多少开始省略
需要指出的是这个layout是默认画在Canvas的(0,0)点的，如果需要调整位置只能在draw之前移Canvas的起始坐标
canvas.translate(x,y);

生成长图功能的实现：

    public static Bitmap getBitmap(Context context, EditText mEditText) {
        Editable editable = mEditText.getText();
        TextPaint textPaint = new TextPaint();
        textPaint.setARGB(0xFF, 0, 0, 0);
        textPaint.setTextSize(mEditText.getTextSize()
                - DisplayUtils.sp2px(context, 2));

        // 设置字体
        String fontPath = Cache.read_String(SharedPreferencesKey.KEY_FONT, "");
        if (!TextUtils.isEmpty(fontPath)) {
            File fontFile = new File(fontPath);
            if (fontFile.isFile() && fontFile.exists())
                textPaint.setTypeface(Typeface.createFromFile(fontFile));
        }
        ScreenInfo mScreenInfo = ScreenInfo.getInstance();

        float bitmapWidth = mScreenInfo.getWidthPixels()
                - DisplayUtils.dip2px(context, 10);
        float padding = DisplayUtils.dip2px(context, 15);

        StaticLayout layout = new StaticLayout(editable, textPaint,
                (int) (bitmapWidth - padding * 4), Alignment.ALIGN_NORMAL,
                1.2F, 0.0F, true);

        float bitmapHeight = layout.getHeight() + padding * 10;

        Bitmap bitmap = null;
        try {
            bitmap = Bitmap.createBitmap((int) bitmapWidth, (int) bitmapHeight,
                    Bitmap.Config.ARGB_8888);
        } catch (OutOfMemoryError e) {
            e.printStackTrace();
            return null;
        }
        Canvas paper = new Canvas(bitmap);
        paper.drawColor(ColorSelectView.getColor(2));

        paper.translate(padding * 2, padding * 4);

        layout.draw(paper);

        paper.translate(-padding * 2, -padding * 4);

        Paint mPaint = new Paint(Paint.DITHER_FLAG);
        mPaint.setColor(Color.GRAY);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(DisplayUtils.dip2px(context, 0.5f));

        float offset = DisplayUtils.dip2px(context, 2);

        paper.drawRect(new Rect((int) (padding), (int) (padding * 2),
                (int) (bitmapWidth - padding),
                (int) (bitmapHeight - padding * 4)), mPaint);

        paper.drawRect(new Rect((int) (padding - offset),
                (int) (padding * 2 - offset), (int) (padding),
                (int) (padding * 2)), mPaint);

        paper.drawRect(new Rect((int) (bitmapWidth - padding),
                (int) (padding * 2 - offset),
                (int) (bitmapWidth - padding + offset), (int) (padding * 2)),
                mPaint);

        paper.drawRect(new Rect((int) (padding - offset),
                (int) (bitmapHeight - padding * 4), (int) (padding),
                (int) (bitmapHeight - padding * 4 + offset)), mPaint);

        paper.drawRect(new Rect((int) (bitmapWidth - padding),
                (int) (bitmapHeight - padding * 4), (int) (bitmapWidth
                        - padding + offset),
                (int) (bitmapHeight - padding * 4 + offset)), mPaint);

        paper.drawRect(new Rect((int) (padding + offset),
                (int) (padding * 2 + offset),
                (int) (bitmapWidth - padding - offset), (int) (bitmapHeight
                        - padding * 4 - offset)), mPaint);

        TextPaint fromTextPaint = new TextPaint();
        fromTextPaint.setColor(Color.GRAY);
        fromTextPaint.setTextSize(DisplayUtils.sp2px(context, 12));
        StaticLayout fromLayout = new StaticLayout(Cache.read_String(
                KEY_SHARE_TAIL, context.getString(R.string.share_image_info)),
                fromTextPaint, (int) (bitmapWidth - padding * 3.5),
                Alignment.ALIGN_NORMAL, 1.0F, 0.0F, true);
        paper.translate(padding, bitmapHeight - padding * 3);
        fromLayout.draw(paper);

        return bitmap;
    }

效果展示：

Android StaticLayout实现主流便签内容生成长图功能

猜你喜欢