android 螢幕圓角實現方法

子不語卿發表於2017-11-12
Android

現在很多全面屏手機的螢幕四角做成圓的，其圓潤的感覺給人帶來別樣的視覺體驗。先來一張我大錘子鎮樓（不是廣告呀，錘子沒給錢），大家來直觀感受一下圓角的魅力。

錘子.png
錘子.png

當然這種是硬體上實現的，我懷疑也是方的螢幕，然後做了個圓角遮蔽。那對於我們這些臉方的手機，就不能笑嘻嘻的圓一回嗎？答案是肯定的，no picture say ...

效果圖
效果圖

(應該能看出來我用的是神馬手機吧)

圓角實現：

那我們就應該思考了，軟體層面怎樣實現這種效果呢。相信很多朋友立馬會想到——使用懸浮窗。

實現原理：利用WindowManager將我們的圓角加到螢幕的四個角，圓角顏色設定為黑色，形成視覺圓角螢幕。

1.自定義圓角view

很顯然，首先我們需要實現一個形狀如下圖的圓角，怎麼做呢？用path（不熟悉的小夥伴可以百度一下哈），這裡我們以左上角為例實現這個圓角。

圓角
圓角

            // top left
            case Gravity.TOP | Gravity.LEFT:
                path.moveTo(0.0f, 0.0f);
                path.lineTo(0.0f, (float) h);
                path.arcTo(new RectF(0.0f, 0.0f,
                        ((float) w) * 2.0f, ((float) h) * 2.0f), 180.0f, 90.0f, true);
                path.lineTo((float) w, 0.0f);
                path.lineTo(0.0f, 0.0f);
                path.close();
                break;複製程式碼

為了能讓使用者自定義圓角顏色，大小，透明度，各個角是否顯示，我在裡面加了對應的控制變數，當使用者設定的時候更新view就可以了。

    public void setCornerSize(int size){
        this.cornerSize = size;
        requestLayout();
        invalidate();
    }複製程式碼

是不是很簡單，這樣一個圓角view就實現了。

2.顯示圓角

現在我們就要在螢幕的四個角將圓角加上去了。這裡使用了android的懸浮窗技術。即用windowmanager將我們的圓角加到頂層的window上，遮蔽其他部分。windowmanager在新增view的時候需要設定一個WindowManager.LayoutParams。下面我們初始化這個Params：

       // window manager
       manager = (WindowManager) this.getApplicationContext()
                .getSystemService(Context.WINDOW_SERVICE);

       params = new WindowManager.LayoutParams();
        /*
         系統提示型別:7.0以前可以直接用TOAST的型別，不用申請許可權，直接新增
         7.0以後不行了,需要申請SYSTEM_ALERT_WINDOW許可權，window type最好
         設定為ERROR 或者 PHONE
         */
        if (Utilities.isCanUseToastType()) {
            params.type = WindowManager.LayoutParams.TYPE_TOAST;
        } else {
            params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ERROR;
        }
        params.format = 1;
        params.flags = WindowManager.LayoutParams.FLAG_FULLSCREEN // 全屏
                | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS // 覆蓋到status bar
                | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION // 覆蓋到導航欄

                // 以下屬性設定載入我們圓角window 不搶焦點,不攔截事件
                | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
                | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
                | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
        params.alpha = 1.0f;
        params.x = 0;
        params.y = 0;
        // 設定  大小為全屏
        params.width = ViewUtil.getScreenSize(this).x;
        params.height = ViewUtil.getScreenSize(this).y;複製程式碼

註釋寫的比較詳細，不明白的自行百度哈。
接著我們需要把圓角加到螢幕上：

    public void addCornerViewByPosition(String position){
        boolean enable = true;
        switch (position) {
            case LEFT_TOP:
                enable = leftTopEnable;
                params.gravity = Gravity.TOP | Gravity.LEFT;
                break;
            case RIGHT_TOP:
                enable = rightTopEnable;
                params.gravity = Gravity.TOP | Gravity.RIGHT;
                break;
            case LEFT_BOTTOM:
                enable = leftBottomEnable;
                params.gravity = Gravity.BOTTOM | Gravity.LEFT;
                break;
            case RIGHT_BOTTOM:
                enable = rightBottomEnable;
                params.gravity = Gravity.BOTTOM | Gravity.RIGHT;
                break;
        }
        CornerView corner = buildCorner(enable,params.gravity);
        if(!corners.containsValue(corner)) {
            corners.put(position, corner);
            manager.addView(corner, params);
        }
    }複製程式碼

以上程式碼是根據各個位置是否能顯示將我們的corner加到螢幕上，其中buildCorner是根據使用者自定義的設定建立cornerview 

    private CornerView buildCorner(boolean enable,int position){
        CornerView corner = new CornerView(this);
        corner.setColor(currentColor);
        corner.setCornerOpacity(currentOpacity);
        corner.setCornerSize(currentCornerSize);
        corner.setLocation(position);
        if(enable){
            corner.show();
        } else {
            corner.hide();
        }
        return corner;
    }複製程式碼

至此，我們的圓角就顯示到螢幕上了（鼓掌）。

圓角保活：

首先我們為了讓圓角能夠長期存在於螢幕上，我把其操作（新增，刪除，自定義）放到了一個service，但是Service也很容易被殺，這裡我們就有必要保活了。
android中的保活方案有很多，比如使用Service startForeground，雙程式，一個畫素的Activity，接收系統廣播啟動服務，使用JobSheduler，定時器等等。
推薦看一下這篇：blog.csdn.net/u013263323/…
這裡我使用了第一種方案，即當使用者選則保活時，使用Service startForeground發出一條通知，最大程度的保證我們的Service不被殺死。程式碼比較簡單，就不貼了。

一些小細節：

我在測試的時候發現，強制停止應用服務後，再次進入應用，當我們想去掉圓角時卻始終去不掉，這個問題在一些商業應用上也存在。這個是因為我我們之前新增的view沒有移除掉，重新開啟應用的時候又加了一層。所以我們要在destroy之前把我們的view移除掉，然後功能就正常了。
再者就是許可權的申請問題，我們在加懸浮窗的時候要檢測是否有許可權，程式碼如下

 public static boolean checkFloatWindowPermission(Context context) {
        final int version = Build.VERSION.SDK_INT;
        if (version >= 19) {
            return checkOp(context, 24); //OP_SYSTEM_ALERT_WINDOW = 24;
        }
        return true;
    }

    @TargetApi(Build.VERSION_CODES.KITKAT)
    private static boolean checkOp(Context context, int op) {
        final int version = Build.VERSION.SDK_INT;
        if (version >= 19) {
            AppOpsManager manager = (AppOpsManager) context.getSystemService(Context.APP_OPS_SERVICE);
            try {
                Class clazz = AppOpsManager.class;
                Method method = clazz.getDeclaredMethod("checkOp", int.class, int.class, String.class);
                return AppOpsManager.MODE_ALLOWED == (int)method.invoke(manager, op, Binder.getCallingUid(), context.getPackageName());
            } catch (Exception e) {
                Log.e("", Log.getStackTraceString(e));
            }
        } else {
            Log.e("Utilities", "Below API 19 cannot invoke!");
        }
        return false;
    }複製程式碼

這裡用到了反射，也感謝網上大神的解決方案。

小結：

第一次寫部落格，比較生疏，很錯誤的地方希望大家諒解和指正（我已經準備好迎接大家的口水了）。
希望一起學習，一起進步
這個是我的專案地址，需要的話大家可以看一下：
github.com/zibuyuqing/…
最後附上app截圖，慶祝一下

效果圖
效果圖

相關文章