自定义加锁wifi(宽高相等的方形区域为例,可以自行调整)
样式图:
实现思路:
1、绘制扇形半透明底图
2、绘制上层wifi信号等级白色扇形
3、弧形边缘擦除
4、带锁图标icon添加
绘制扇形半透明底图
获取设置的宽度:
private int wifiWidth;
onDraw()中:
wifiWidth = getWidth();
初始化画笔:
private Paint pDefault;
pDefault.setAntiAlias(true);
pDefault.setColor(ContextCompat.getColor(mContext, R.color.white));
pDefault.setAlpha(60);
pDefault.setStyle(Paint.Style.FILL);
pDefault.setStrokeWidth(6);
平移绘制位置:
private static final int maxLevel = 4;//最大等级
float signalRadius = wifiWidth * 1.0f / 2 / maxLevel;
canvas.translate(0, wifiWidth / 5f + signalRadius);//绘制位置平移,根据需要自行调整
默认半透明底层扇形绘制:
private float startAngle = -135;//开始角度
private float sweepAngle = 90;//转过角度
RectF defaultR = new RectF(0, 0, wifiWidth, wifiWidth);
canvas.drawArc(defaultR, startAngle, sweepAngle, true, pDefault);
绘制上层wifi信号等级白色扇形
设置传递修改wifi等级的方法
/**
* 设置wifi等级(默认四级)
*
* @param level
*/
public void setWifiLevel(int level) {
if (level < 0 || level > 4) throw new RuntimeException("wifi等级超出范围");
this.level = level;
invalidate();
}
绘制wifi覆盖图
if (level >= 0) {
if (level >= 1) {
level = level - 1;
}
float radius = signalRadius * level;
RectF rectf = new RectF(radius, radius, wifiWidth - radius, wifiWidth - radius);
topPaint.setStyle(Paint.Style.FILL);
canvas.drawArc(rectf, startAngle, sweepAngle, true, topPaint);
}
canvas.restore();
弧形边缘擦除
DensityUtil.java代码:
import android.content.Context;
import android.util.DisplayMetrics;
import androidx.appcompat.app.AppCompatActivity;
public class DensityUtil {
private volatile static DisplayMetrics displayMetrics;
private synchronized static DisplayMetrics initDisplayMetrics(){
if(displayMetrics == null){
displayMetrics = new DisplayMetrics();
}
return displayMetrics;
}
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
initDisplayMetrics();
((AppCompatActivity)context).getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
float density= displayMetrics.density;
return (int) (dpValue * density + 0.5f);
}
/**
* 根据手机的分辨率从 px(像素) 的单位 转成为 dp
*/
public static int px2dip(Context context, float pxValue) {
initDisplayMetrics();
((AppCompatActivity)context).getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
float density= displayMetrics.density;
return (int) (pxValue / density + 0.5f);
}
}
关闭硬件加速
setLayerType(View.LAYER_TYPE_SOFTWARE, null);//关闭硬件加速,解决变黑问题
Paint mp = new Paint();
mp.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
mp.setStyle(Paint.Style.FILL);
RectF rt = new RectF(ll + DensityUtil.dip2px(mContext, 1), lt, lr + DensityUtil.dip2px(mContext, 4), lb);
canvas.drawArc(rt, 150, 150, false, mp);