Android之頁面添加水印

發現一個水印添加方法,感覺很有意思。原理是在佈局中放一個全屏的TextView,然後給它設置一個水印背景。

先上個效果圖: 

自定義WaterMarkBgView 水印背景類:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.drawable.Drawable;

import androidx.annotation.IntRange;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;

import java.util.List;

/**
 * Created by zachary on 2020/04/23.
 * 頁面添加水印
 */
public class WaterMarkBgView extends Drawable {

    private Paint paint = new Paint();
    private List<String> labels;
    private Context context;
    private int degress;    // 角度
    private int fontSize;   // 字體大小 單位sp

    /**
     * 初始化構造
     *
     * @param context  上下文
     * @param labels   水印文字列表 多行顯示支持
     * @param degress  水印角度
     * @param fontSize 水印文字大小
     */
    public WaterMarkBgView(Context context, List<String> labels, int degress, int fontSize) {
        this.labels = labels;
        this.context = context;
        this.degress = degress;
        this.fontSize = fontSize;
    }

    @Override
    public void draw(@NonNull Canvas canvas) {

        int width = getBounds().right;
        int height = getBounds().bottom;

        // 畫布背景色
        canvas.drawColor(Color.parseColor("#40F3F5F9"));
        // 水印文字的顏色
        paint.setColor(Color.parseColor("#50AEAEAE"));
        paint.setAntiAlias(true);
        paint.setTextSize(sp2px(context, fontSize));
        canvas.save();
        canvas.rotate(degress);
        float textWidth = paint.measureText(labels.get(0));
        int index = 0;
        for (int positionY = height / 10; positionY <= height; positionY += height / 10 + 80) {
            float fromX = -width + (index++ % 2) * textWidth;
            for (float positionX = fromX; positionX < width; positionX += textWidth * 2) {
                int spacing = 0;//間距
                for (String label : labels) {
                    canvas.drawText(label, positionX, positionY + spacing, paint);
                    spacing = spacing + 50;
                }
            }
        }
        canvas.restore();
    }

    @Override
    public void setAlpha(@IntRange(from = 0, to = 255) int alpha) {
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
    }

    @Override
    public int getOpacity() {
        return PixelFormat.UNKNOWN;
    }


    public static int sp2px(Context context, float spValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (spValue * fontScale + 0.5f);
    }
}

使用方式:

// 添加水印
List<String> labels = new ArrayList<>();
labels.add("你");
labels.add("我");
labels.add("他");

/**
* context  上下文
* labels   水印文字列表 多行顯示支持
* degress  水印角度
* fontSize 水印文字大小sp
*/
bg_tv.setBackground(new WaterMarkBgView(mActivity, labels, -30, 14));

爲這個全局的TextView bg_tv,設置一個背景即可。同樣可以根據自己的需要自定義WaterMarkBgView 。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章