自定义加锁wifi(宽高相等的方形区域为例,可以自行调整)

自定义加锁wifi(宽高相等的方形区域为例,可以自行调整)

样式图:
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);
带锁图标icon添加

锁图标

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值