抖音上炫程式碼的不少，有些真的讓人歎為觀止，作為一個androider，當我看到下面這段舞蹈的時候，終於忍不住了，想要通過android實現一樣的效果。

這麼好玩的東西，為啥就沒有大佬做呢，原因可能有兩個，一是真的難，二是出力不討好，難以達到最終效果，一番嘗試後，技術問題都解決了，但並沒有達到電腦端美感，手機螢幕還是太小了。

這是電腦端的靜態圖

這是手機端的

還有一個普通的頭像，做成ascii圖後，簡直美到窒息

下面開始分析程式碼，首先根據圖片畫素灰度轉為ascii字元，這在網上有現成的java程式碼，android上只需要改一點api就可以，程式碼如下。

public static Bitmap createAsciiPic(final String path, Context context) {
        final String base = "#8XOHLTI)i=+;:,.";// 字串由複雜到簡單
//        final String base = "#,.0123456789:;@ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";// 字串由複雜到簡單
        StringBuilder text = new StringBuilder();
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics dm = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(dm);
        int width = dm.widthPixels;
        int height = dm.heightPixels;
        Bitmap image = BitmapFactory.decodeFile(path);  //讀取圖片
        int width0 = image.getWidth();
        int height0 = image.getHeight();
        int width1, height1;
        int scale = 7;
        if (width0 <= width / scale) {
            width1 = width0;
            height1 = height0;
        } else {
            width1 = width / scale;
            height1 = width1 * height0 / width0;
        }
        image = scale(path, width1, height1);  //讀取圖片
        //輸出到指定檔案中
        for (int y = 0; y < image.getHeight(); y += 2) {
            for (int x = 0; x < image.getWidth(); x++) {
                final int pixel = image.getPixel(x, y);
                final int r = (pixel & 0xff0000) >> 16, g = (pixel & 0xff00) >> 8, b = pixel & 0xff;
                final float gray = 0.299f * r + 0.578f * g + 0.114f * b;
                final int index = Math.round(gray * (base.length() + 1) / 255);
                String s = index >= base.length() ? " " : String.valueOf(base.charAt(index));
                text.append(s);
            }
            text.append("\n");
        }
        return textAsBitmap(text, context);
    }
 

這樣處理完得到的ascii文字，但我們需要的是ascii圖片，那我們需要怎麼做呢，截圖？

請讀者思考10秒鐘，想想自己的解決方案。

我這裡通過TextPanit和StaticLayout實現的，也可以new一個TextView，寫入文字，然後把Textview的緩衝區轉換為圖片，但是這種StaticLayout的方式更底層，更有效，程式碼如下:

public static Bitmap textAsBitmap(StringBuilder text, Context context) {

        TextPaint textPaint = new TextPaint();
        textPaint.setColor(Color.BLACK);
        textPaint.setAntiAlias(true);
        textPaint.setTypeface(Typeface.MONOSPACE);
        textPaint.setTextSize(12);

        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics dm = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(dm);
        int width = dm.widthPixels;         

        StaticLayout layout = new StaticLayout(text, textPaint, width,

       Layout.Alignment.ALIGN_CENTER, 1f, 0.0f, true);

        Bitmap bitmap = Bitmap.createBitmap(layout.getWidth() + 20,

                layout.getHeight() + 20, Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(bitmap);
        canvas.translate(10, 10);
        canvas.drawColor(Color.WHITE);
        layout.draw(canvas);

        Log.d("textAsBitmap",

                String.format("1:%d %d", layout.getWidth(), layout.getHeight()));

        return bitmap;

    }
 

相對於電腦端有無邊無際的txt編輯框，android裡text是有字數限制的，所以原始圖片如果畫素過多的話就要進行尺寸壓縮。

而且textPaint的這個設定特別重要textPaint.setTypeface(Typeface.MONOSPACE);字型對效果的影響太大了，失之毫厘謬以千里，這是一個大坑，說多了都是時間。

我在專案裡集成了一個圖片選擇庫，可以直接把拍的照片轉化為ascii圖，碰到一個問題就是拍照圖片拿到後都會自動旋轉90度，很是困惑，雖然找到了處理方法，但系統為啥要作旋轉處理，還請知道的大神告知原因。

處理程式碼如下:

public static String amendRotatePhoto(String originpath, Context context) {

    // 取得圖片旋轉角度
    int angle = readPictureDegree(originpath);

    // 把原圖壓縮後得到Bitmap物件
    if (angle != 0) {
        Bitmap bmp = getCompressPhoto(originpath);
        Bitmap bitmap = rotaingImageView(angle, bmp);
        return savePhotoToSD(bitmap, context);
    } else {
        return originpath;
    }
}

用到的方法：

public static int readPictureDegree(String path) {
    int degree = 0;
    try {
        ExifInterface exifInterface = new ExifInterface(path);
        int orientation = exifInterface.getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_NORMAL);
        switch (orientation) {
            case ExifInterface.ORIENTATION_ROTATE_90:
                degree = 90;
                break;
            case ExifInterface.ORIENTATION_ROTATE_180:
                degree = 180;
                break;
            case ExifInterface.ORIENTATION_ROTATE_270:
                degree = 270;
                break;
        }
    } catch (IOException e) {
        e.printStackTrace();
    }
    return degree;
}

public static Bitmap rotaingImageView(int angle, Bitmap bitmap) {
    Bitmap returnBm = null;
    // 根據旋轉角度，生成旋轉矩陣
    Matrix matrix = new Matrix();
    matrix.postRotate(angle);
    try {
        // 將原始圖片按照旋轉矩陣進行旋轉，並得到新的圖片
        returnBm = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
    } catch (OutOfMemoryError e) {
    }
    if (returnBm == null) {
        returnBm = bitmap;
    }
    if (bitmap != returnBm) {
        bitmap.recycle();
    }
    return returnBm;
}

這些程式碼都在文末的專案裡。

按說拿到ascii圖後，想要把整個視訊轉換成ascii字元視訊就很簡單了。只要把視訊逐幀抽成圖片，圖片轉換後，再合成為視訊播放出來，但我視訊庫用的不多，希望有能力的朋友可以幫助完成最後一步。

最後，也希望朋友們能把一些有趣的想法實踐到android專案中來，讓搬磚之餘，有更多的樂趣。

github地址

https://github.com/meiniepan/Pic2Ascii