android屏幕圓角實(shí)現(xiàn)方法的示例代碼
現(xiàn)在很多全面屏手機(jī)的屏幕四角做成圓的,其圓潤(rùn)的感覺(jué)給人帶來(lái)別樣的視覺(jué)體驗(yàn)。先來(lái)一張我大錘子鎮(zhèn)樓(不是廣告呀,錘子沒(méi)給錢(qián)),大家來(lái)直觀(guān)感受一下圓角的魅力。
錘子.jpg
當(dāng)然這種是硬件上實(shí)現(xiàn)的,我懷疑也是方的顯示屏,然后做了個(gè)圓角遮蔽。那對(duì)于我們這些臉?lè)降氖謾C(jī),就不能笑嘻嘻的圓一回嗎?答案是肯定的,no picture say ...
效果圖
(應(yīng)該能看出來(lái)我用的是神馬手機(jī)吧)
圓角實(shí)現(xiàn):
那我們就應(yīng)該思考了,軟件層面怎樣實(shí)現(xiàn)這種效果呢。相信很多朋友立馬會(huì)想到——使用懸浮窗。
實(shí)現(xiàn)原理:利用WindowManager將我們的圓角加到屏幕的四個(gè)角,圓角顏色設(shè)置為黑色,形成視覺(jué)圓角屏幕。
1.自定義圓角view
很顯然,首先我們需要實(shí)現(xiàn)一個(gè)形狀如下圖的圓角,怎么做呢?用path(不熟悉的小伙伴可以百度一下哈),這里我們以左上角為例實(shí)現(xiàn)這個(gè)圓角。
圓角
// 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;
為了能讓用戶(hù)自定義圓角顏色,大小,透明度,各個(gè)角是否顯示,我在里面加了對(duì)應(yīng)的控制變量,當(dāng)用戶(hù)設(shè)置的時(shí)候更新view就可以了。
public void setCornerSize(int size){ this.cornerSize = size; requestLayout(); invalidate(); }
是不是很簡(jiǎn)單,這樣一個(gè)圓角view就實(shí)現(xiàn)了。
2.顯示圓角
現(xiàn)在我們就要在屏幕的四個(gè)角將圓角加上去了。這里使用了android的懸浮窗技術(shù)。即用windowmanager將我們的圓角加到頂層的window上,遮蔽其他部分。windowmanager在添加view的時(shí)候需要設(shè)置一個(gè)WindowManager.LayoutParams。下面我們初始化這個(gè)Params:
// window manager manager = (WindowManager) this.getApplicationContext() .getSystemService(Context.WINDOW_SERVICE); params = new WindowManager.LayoutParams(); /* 系統(tǒng)提示類(lèi)型:7.0以前可以直接用TOAST的類(lèi)型,不用申請(qǐng)權(quán)限,直接添加 7.0以后不行了,需要申請(qǐng)SYSTEM_ALERT_WINDOW權(quán)限,window type最好 設(shè)置為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 // 覆蓋到導(dǎo)航欄 // 以下屬性設(shè)置加載我們圓角window 不搶焦點(diǎn),不攔截事件 | 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; // 設(shè)置 大小為全屏 params.width = ViewUtil.getScreenSize(this).x; params.height = ViewUtil.getScreenSize(this).y;
注釋寫(xiě)的比較詳細(xì),不明白的自行百度哈。
接著我們需要把圓角加到屏幕上:
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); } }
以上代碼是根據(jù)各個(gè)位置是否能顯示將我們的corner加到屏幕上,其中buildCorner是根據(jù)用戶(hù)自定義的設(shè)置創(chuàng)建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; }
至此,我們的圓角就顯示到屏幕上了(鼓掌)。
圓角?;睿?/strong>
首先我們?yōu)榱俗寛A角能夠長(zhǎng)期存在于屏幕上,我把其操作(添加,刪除,自定義)放到了一個(gè)service,但是Service也很容易被殺,這里我們就有必要?;盍恕?br />
android中的?;罘桨赣泻芏?,比如使用Service startForeground,雙進(jìn)程,一個(gè)像素的Activity,接收系統(tǒng)廣播啟動(dòng)服務(wù),使用JobSheduler,定時(shí)器等等。
推薦看一下這篇:http://chabaoo.cn/article/107530.htm。
這里我使用了第一種方案,即當(dāng)用戶(hù)選則?;顣r(shí),使用Service startForeground發(fā)出一條通知,最大程度的保證我們的Service不被殺死。代碼比較簡(jiǎn)單,就不貼了。
一些小細(xì)節(jié):
我在測(cè)試的時(shí)候發(fā)現(xiàn),強(qiáng)制停止應(yīng)用服務(wù)后,再次進(jìn)入應(yīng)用,當(dāng)我們想去掉圓角時(shí)卻始終去不掉,這個(gè)問(wèn)題在一些商業(yè)應(yīng)用上也存在。這個(gè)是因?yàn)槲椅覀冎疤砑拥膙iew沒(méi)有移除掉,重新開(kāi)啟應(yīng)用的時(shí)候又加了一層。所以我們要在destroy之前把我們的view移除掉,然后功能就正常了。
再者就是權(quán)限的申請(qǐng)問(wèn)題,我們?cè)诩討腋〈暗臅r(shí)候要檢測(cè)是否有權(quán)限,代碼如下
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; }
這里用到了反射,也感謝網(wǎng)上大神的解決方案。
小結(jié):
第一次寫(xiě)博客,比較生疏,很錯(cuò)誤的地方希望大家諒解和指正(我已經(jīng)準(zhǔn)備好迎接大家的口水了)。
希望一起學(xué)習(xí),一起進(jìn)步
這個(gè)是我的項(xiàng)目地址,需要的話(huà)大家可以看一下:https://github.com/zibuyuqing/master/tree/master/RoundCorner
最后附上app截圖,慶祝一下
效果圖
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- android 實(shí)現(xiàn)圓角圖片解決方案
- Android圖片特效:黑白特效、圓角效果、高斯模糊
- Android中實(shí)現(xiàn)EditText圓角的方法
- Android關(guān)于Glide的使用(高斯模糊、加載監(jiān)聽(tīng)、圓角圖片)
- android 設(shè)置圓角圖片實(shí)現(xiàn)代碼
- android實(shí)現(xiàn)圓角矩形背景的方法
- Android實(shí)現(xiàn)圓角矩形和圓形ImageView的方式
- Android實(shí)現(xiàn)圓角Button按鈕
- Android自定義水平進(jìn)度條的圓角進(jìn)度
相關(guān)文章
RecyclerView中監(jiān)聽(tīng)EditText變化的BUG的解決方法
本篇文章主要介紹了RecyclerView中監(jiān)聽(tīng)EditText變化的BUG的解決方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11詳解Android如何實(shí)現(xiàn)不同大小的圓角
在開(kāi)發(fā)過(guò)程中,設(shè)計(jì)常常會(huì)有一些比較炫酷的想法,比如兩邊不一樣大小的圓角啦,甚至四角的radius各不相同,對(duì)于這種情況我們?cè)撛趺磳?shí)現(xiàn)呢,本文小編就和大家來(lái)聊聊,需要的朋友可以參考下2023-08-0860條Android開(kāi)發(fā)注意事項(xiàng)與經(jīng)驗(yàn)總結(jié)
我們?cè)贏ndroid App開(kāi)發(fā)過(guò)程中總結(jié)了60條技術(shù)經(jīng)驗(yàn)注意事項(xiàng),大家在開(kāi)發(fā)過(guò)程中一定要注意,下面我們來(lái)詳細(xì)說(shuō)一下這60條經(jīng)驗(yàn)2018-03-03詳解Android Activity中的幾種監(jiān)聽(tīng)器和實(shí)現(xiàn)方式
這篇文章主要介紹了Activity中的幾種監(jiān)聽(tīng)器和實(shí)現(xiàn)方式的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-04-04AndroidStudio 使用過(guò)程中出現(xiàn)的異常(Gradle sync failed)處理辦法
本文主要介紹AndroidStudio 使用過(guò)程中出現(xiàn)的異常的解決辦法,這里幫大家舉例說(shuō)明,如何處理出現(xiàn)這種問(wèn)題,有需要的小伙伴可以參考下2016-09-09Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽(tīng)事件的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)音量按鈕添加監(jiān)聽(tīng)事件的方法,結(jié)合實(shí)例形式分析了Android事件監(jiān)聽(tīng)實(shí)現(xiàn)音量控制的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06詳解Android使用Html.fromHtml需要注意的地方
本篇文章主要介紹了詳解Android使用Html.fromHtml需要注意的地方,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Flutter之自定義Dialog實(shí)現(xiàn)版本更新彈窗功能的實(shí)現(xiàn)
這篇文章主要介紹了Flutter之自定義Dialog實(shí)現(xiàn)版本更新彈窗功能的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07Android中使用imageviewswitcher 實(shí)現(xiàn)圖片切換輪播導(dǎo)航的方法
ImageSwitcher是Android中控制圖片展示效果的一個(gè)控件。本文給大家介紹Android中使用imageviewswitcher 實(shí)現(xiàn)圖片切換輪播導(dǎo)航的方法,需要的朋友參考下吧2016-12-12