尊重勞動成果,轉載請標明出處:http://www.cnblogs.com/tangZH/p/8305063.html 我們在自定義view的時候有時候需要給組件一個背景,而這個背景可能是不規則的,比如一個紅色背景,但是左邊有圓角,右邊沒有,那麼應該怎麼做呢?在這裡我以textView為例。 用xm ...
尊重勞動成果,轉載請標明出處:http://www.cnblogs.com/tangZH/p/8305063.html
我們在自定義view的時候有時候需要給組件一個背景,而這個背景可能是不規則的,比如一個紅色背景,但是左邊有圓角,右邊沒有,那麼應該怎麼做呢?在這裡我以textView為例。
用xml的方式很容易實現,不過我們這裡是在代碼中動態實現的。
先放上效果圖:
一開始的思路是直接在TextView上面繪製,但是這樣會出現一種情況,就是繪製完之後,字體就看不到了,所以我們還是得從背景入手,通過setBackgroundDrawable()方法給它一個背景,而這個背景是我們自己繪製出來的。Drawable類可以實現該效果:
1、畫筆和view
/** * 畫背景的畫筆 */ private Paint mPaintBg; mPaintBg = new Paint(); /** * textView */ private TextView tv;
2、初始化畫筆:
//設置畫筆的顏色 mPaintBg.setColor(mContext.getResources().getColor(R.color.theme)); //類型為填充 mPaintBg.setStyle(Paint.Style.FILL); //抗鋸齒 mPaintBg.setAntiAlias(true); mPaintBg.setStrokeWidth(mContext.getResources().getDimension(R.dimen.size));
2、設置Drawable
Drawable drawable = new Drawable() { @Override public void draw(@NonNull Canvas canvas) {
//在畫布上繪製背景(裡面有兩個參數,Path,Paint,mPaintBg為我們上面的畫筆,
//至於path,下麵會講) canvas.drawPath(path, mPaintBg); } @Override public void setAlpha(int i) { } @Override public void setColorFilter(@Nullable ColorFilter colorFilter) { } @Override public int getOpacity() { return PixelFormat.TRANSLUCENT; } };
4、在家註意到了,上面的的代碼canvas.drawPath(path, mPaintBg);裡面參數有一個path,這個path是我們繪製的路徑。怎麼設置這個path呢?代碼如下:
RectF rectfBg; Path path = new Path(); rectfBg = new RectF(0, 0, leftTv.getWidth(), leftTv.getHeight()); path.addRoundRect(rectfBg, new float[]{10, 10, 0, 0, 0, 0, 10, 10}, Path.Direction.CW);
這裡用到了Path的一個方法:
public void addRoundRect (RectF rect, float[] radii, Path.Direction dir)
增加一個閉合的圓角矩形到path當中
radii:表示各個角的半徑點x,y,依次是左上角,右上角,右下角,左下角,
rect:矩形位置
dir:繪製的方向,有兩種
Path.Direction.CW:順時針
Path.Direction.CCW:逆時針
最後把該Drawable設置給textView
tv.setBackgroundDrawable(drawable)
就此完成了。