倾斜的Texview

最新推荐文章于 2022-05-03 09:24:36 发布

原创最新推荐文章于 2022-05-03 09:24:36 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种自定义的Android视图组件——RotateTextView，该组件能够在屏幕上绘制带有背景的旋转文本。通过属性设置，可以自定义文本内容、文本颜色、背景颜色及文本大小。

public class RotateTextView extends View{

    private Path path;
    private Paint bgPaint;
    private Paint textPaint;
    private int width;
    private String text;
    private int bgColor;
    private int textColor;
    private float textSize;

    public RotateTextView(Context context) {
        this(context,null);
    }

    public RotateTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RotateTextView);
        bgColor = a.getColor(R.styleable.RotateTextView_rotate_bg,Color.parseColor("#fe6498"));
        textColor = a.getColor(R.styleable.RotateTextView_rotate_text_color,Color.parseColor("#ffffff"));
        textSize = a.getDimensionPixelSize(R.styleable.RotateTextView_rotate_text_size,(int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_SP, 10, getResources().getDisplayMetrics()));
        text = a.getString(R.styleable.RotateTextView_rotate_text);
        a.recycle();
        init();
    }

    private void init(){
        bgPaint = new Paint();
        bgPaint.setAntiAlias(true);
        bgPaint.setColor(bgColor);
        bgPaint.setStyle(Paint.Style.FILL);
        textPaint = new Paint();
        textPaint.setTextSize(textSize);
        textPaint.setColor(textColor);
        textPaint.setAntiAlias(true);
        path = new Path();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        width = w;
        path.moveTo(0,0);
        path.lineTo(width,0);
        path.lineTo(width,h);
        path.close();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawPath(path,bgPaint);
        if(text != null){
            canvas.save();
            canvas.rotate(45,width/2,width/2);
            Rect rect = new Rect();
            textPaint.getTextBounds(text,0,text.length(),rect);
            Paint.FontMetrics fontMetrics = textPaint.getFontMetrics();
            int w = (getWidth() - rect.width()) / 2;
            int h = (getHeight() - (int)(fontMetrics.descent - fontMetrics.ascent)) / 2;
            canvas.drawText(text,w,h,textPaint);
            canvas.restore();
        }

    }

    public void setText(String text){
        this.text = text;
        invalidate();
    }
}


<declare-styleable name="RotateTextView">
    <attr name="rotate_text" format="string"/>
    <attr name="rotate_text_color" format="color"/>
    <attr name="rotate_bg" format="color" />
    <attr name="rotate_text_size" format="dimension"/>
</declare-styleable>