之前在三星手機(jī)上看到點(diǎn)擊屏幕后出現(xiàn)水波的特效，所以嘗試著寫了個(gè)類似的效果

實(shí)現(xiàn)自定義一個(gè)View，并實(shí)現(xiàn)構(gòu)造方法

[java] view plaincopy

<span?style="font-size:14px;"><span?style="color:#000000;">public?class?MyView?extends?View?{??

??

?public?MyView(Context?context)?{??

??super(context);??

??//?TODO?Auto-generated?constructor?stub??

?}??

??

?public?MyView(Context?context,?AttributeSet?attrs)?{??

??super(context,?attrs);??

??//?TODO?Auto-generated?constructor?stub??

?}??

}</span>??

</span>??

如果要繪制圓環(huán)，則需要設(shè)置圓環(huán)的半徑、描邊寬度(如果弄填充滿的則不需要)、X和Y的坐標(biāo)，因?yàn)辄c(diǎn)擊屏幕出現(xiàn)圓環(huán)后還需要消失，所以還要加上透明度

那么我們新建一個(gè)Bean，去實(shí)現(xiàn)這些

[java] view plaincopy

public?class?MyBean?{??

??

?int?alpha;?//?透明度??

?int?X;?//?X坐標(biāo)??

?int?Y;?//?Y坐標(biāo)??

?float?width;?//?描邊寬度??

?float?radius;?//?半徑??

?Paint?paint;?//?畫筆??

??

}??

接下來就是獲取點(diǎn)擊屏幕后的事件，思路很明確，點(diǎn)擊屏幕后，首先設(shè)置繪制的圓的半徑為0，透明度為最大值255，描邊寬度這里按個(gè)人喜好隨意設(shè)置

[java] view plaincopy

<span?style="font-size:14px;color:#000000;">@Override??

?public?boolean?onTouchEvent(MotionEvent?event)?{??

??super.onTouchEvent(event);??

??

??switch?(event.getAction())?{??

??case?MotionEvent.ACTION_DOWN:??

???//?點(diǎn)擊屏幕后?半徑設(shè)為0,alpha設(shè)置為255??

???MyBean?bean?=?new?MyBean();??

???bean.radius?=?0;?//?點(diǎn)擊后?半徑先設(shè)為0??

???bean.alpha?=?MaxAlpha;?//?alpha設(shè)為最大值?255??

???bean.width?=?bean.radius?/?8;?//?描邊寬度?這個(gè)隨意??

???bean.X?=?(int)?event.getX();?//?所繪制的圓的X坐標(biāo)??

???bean.Y?=?(int)?event.getY();?//?所繪制的圓的Y坐標(biāo)??

???bean.paint?=?initPaint(bean.alpha,?bean.width);??

??

???break;??

??}??

??return?true;??

?}??

</span>??

設(shè)置完屬性后，交給handler去繪制界面，每過X毫秒后，繪制的圓的半徑+N，透明度-M

[java] view plaincopy

<span?style="color:#000000;">bean.radius?+=?5;//?半徑每次+5??

???bean.alpha?-=?10;//?透明度每次減10??

???if?(bean.alpha?<?0)?{??

????//?透明度小雨0的時(shí)候?賦為0??

????bean.alpha?=?0;??

???}??

???bean.width?=?bean.radius?/?8;?//?描邊寬度設(shè)置為半徑的1/4??

???bean.paint.setAlpha(bean.alpha);??

???bean.paint.setStrokeWidth(bean.width);</span>??

至此，我們所有的主要代碼已實(shí)現(xiàn)???

附Demo地址：http://download.csdn.net/detail/qq_18612815/9511652

與50位技術(shù)專家面對面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Android自定义控件（特效一） 点击屏幕,根据所点击的位置绘制圆环的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。