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>
倾斜的Texview
最新推荐文章于 2018-07-07 10:47:00 发布