SupernatantView

• 如果我英文還可以的話這個(gè)應(yīng)該叫做漂浮在上層的view---引導(dǎo)層
• 今天閑來(lái)無(wú)事看了網(wǎng)上的一些引導(dǎo)層案例總感覺(jué)如果不是很舒服,就是類(lèi)似于很死板的顯示和消失
• 我在想能不能弄點(diǎn)動(dòng)畫(huà)上去看著舒服一些 所以就有了以下的gif gif有點(diǎn)短但是沒(méi)辦法太長(zhǎng)了github傳不上去 不知道是不是我操作不太對(duì)

Markdown

• 剛開(kāi)始點(diǎn)擊屏幕是沒(méi)有反應(yīng)的 因?yàn)槲野腰c(diǎn)擊事件攔截了 后面代碼可以看得到

• 因?yàn)槲覀儺a(chǎn)品汪沒(méi)有這樣的需求 所以我有的地方寫(xiě)的不是很?chē)?yán)謹(jǐn) 包括指示箭頭在下方如果下方距離不夠箭頭顯示的時(shí)候 我也沒(méi)有做判斷 只是把大體的意思寫(xiě)出來(lái)了 大家如果想更改 可以看里邊的注釋 (偷偷告訴你們里邊注釋賊多 不怕你看不懂)

• step 1

  繼承view 重寫(xiě)構(gòu)造方法 和 onTouchEvent 和 draw 方法

    public SupernatantView(Context context) {
          this(context, null);
      }
  
      public SupernatantView(Context context, AttributeSet attrs) {
          this(context, attrs, 0);
      }
  
      public SupernatantView(Context context, AttributeSet attrs, int defStyleAttr) {
         super(context, attrs, defStyleAttr);
  
      }
  

  onDraw 方法

        @Override
    protected void onDraw(Canvas canvas) {
     super.onDraw(canvas);
    }
  

  onTouchEvent方法

         @Override
      public boolean onTouchEvent(MotionEvent event) {
  
    //        return super.onTouchEvent(event);
    return true;  //攔截點(diǎn)擊事件
     }
  

• step 2

  初始化畫(huà)筆方法 單獨(dú)抽取出來(lái)

    private Paint createPaint(int paintColor, int alpha, int textSize, Paint.Style style, int linWidth) {
    Paint paint = new Paint();                  //初始化畫(huà)筆
    paint.setAntiAlias(true);                   //抗鋸齒
    paint.setDither(true);                      //防抖動(dòng)
    paint.setStrokeCap(Paint.Cap.ROUND);        //筆觸風(fēng)格為圓角
    paint.setStrokeJoin(Paint.Join.ROUND);      //結(jié)合處形狀為圓角
    paint.setColor(paintColor);                 //設(shè)置顏色
    paint.setAlpha(alpha);                      //設(shè)置透明度
    paint.setTextSize(textSize);                //設(shè)置文字大小
    paint.setStyle(style);                      //設(shè)置樣式
    paint.setStrokeWidth(linWidth);             //設(shè)置邊寬度
    return paint;
      } 
  

• step 3

  初始化各種數(shù)值 包括 屏幕的寬高 狀態(tài)欄

     public static int[] getScreenSize(Context context) {
    DisplayMetrics metrics = new DisplayMetrics();
    WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    windowManager.getDefaultDisplay().getMetrics(metrics);
    return new int[]{metrics.widthPixels, metrics.heightPixels};
     }
  
     public static int getStatusBarHeight() {
    return Resources.getSystem().getDimensionPixelSize(
            Resources.getSystem().getIdentifier("status_bar_height", "dimen", "android"));
       }
  

• step 4

  一些基本的方法包括獲取view 的屏幕坐標(biāo),獲取view 的 RectF 具體在代碼里會(huì)有詳細(xì)的注釋 給你先看個(gè)圖片 沒(méi)錯(cuò)就是這么詳細(xì) 哦哈哈哈~~~

Markdown

• step 5

  就是重寫(xiě)onDraw方法了 再加上計(jì)算一些動(dòng)態(tài)數(shù)據(jù)之類(lèi)的 代碼太多就不貼出來(lái)了 大家如果感興趣可以看看

github風(fēng)火輪:https://github.com/guanhaoran/SupernatantView

QQ 765307272