国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 系統(tǒng) > Android > 正文

Android自定義View實(shí)現(xiàn)水波紋效果

2019-12-12 02:18:38
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

介紹:水波紋散開(kāi)效果的控件在 App 里面還是比較常見(jiàn)的,例如 網(wǎng)易云音樂(lè)歌曲識(shí)別,附近搜索場(chǎng)景。

看下實(shí)現(xiàn)的效果:

實(shí)現(xiàn)思路: 先將最大圓半徑與最小圓半徑間距分成幾等份,從內(nèi)到外,Paint 透明度依次遞減,繪制出同心圓,然后不斷的改變這些同心圓的半徑大小,延遲一定時(shí)間重繪,便達(dá)到了想外散開(kāi)的動(dòng)畫(huà)效果了。

public class WaveView extends View { private static final String TAG = "WaveView"; private int waveColor; private int waveCount; private Bitmap waveCenterIcon; private Paint paint; private int mWidth; private int mHeight; private int centerX; private int centerY; private float radius; // 最外圓半徑,即最大半徑 private float innerRadius; // 最內(nèi)圓的半徑,即最小半徑 private int centerIconWidth; private int centerIconHeight; private float[] waveDegreeArr; private boolean isRunning = true; public WaveView(Context context) {  this(context, null); } public WaveView(Context context, AttributeSet attrs) {  super(context, attrs);  readAttrs(context, attrs);  init(); } private void init() {  paint = new Paint(Paint.ANTI_ALIAS_FLAG);  paint.setColor(waveColor);  paint.setStyle(Paint.Style.FILL);  waveDegreeArr = new float[waveCount];  // 設(shè)置中間 drawable 點(diǎn)擊事件 } private void readAttrs(Context context, AttributeSet attrs) {  TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.WaveView);  try {   waveColor = typedArray.getColor(R.styleable.WaveView_waveColor, 0xffff0000);   waveCount = typedArray.getInt(R.styleable.WaveView_waveCount, 4);   Drawable centerDrawable = typedArray.getDrawable(R.styleable.WaveView_waveCenterIcon);   waveCenterIcon = ((BitmapDrawable) centerDrawable).getBitmap();  } catch (Exception e) {  } finally {   typedArray.recycle();  } } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) {  super.onSizeChanged(w, h, oldw, oldh);  mWidth = w;  mHeight = h;  centerX = mWidth / 2;  centerY = mHeight / 2;  radius = Math.min(mWidth, mHeight) / 2f;  centerIconWidth = waveCenterIcon.getWidth();  centerIconHeight = waveCenterIcon.getHeight();  innerRadius = Math.max(centerIconWidth, centerIconHeight) * 1.2f;  for (int i = 0; i < waveCount; i++) {   waveDegreeArr[i] = innerRadius + (radius - innerRadius) / waveCount * i;  } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  int widthMode = MeasureSpec.getMode(widthMeasureSpec);  int heightMode = MeasureSpec.getMode(heightMeasureSpec);  if (widthMode == MeasureSpec.UNSPECIFIED || widthMode == MeasureSpec.AT_MOST) {   widthMeasureSpec = MeasureSpec.makeMeasureSpec(dp2Px(120), MeasureSpec.EXACTLY);  }  if (heightMode == MeasureSpec.UNSPECIFIED || heightMode == MeasureSpec.AT_MOST) {   heightMeasureSpec = MeasureSpec.makeMeasureSpec(dp2Px(120), MeasureSpec.EXACTLY);  }  super.onMeasure(widthMeasureSpec, heightMeasureSpec); } @Override protected void onDraw(Canvas canvas) {  drawWave(canvas);  drawCenterCircle(canvas);  drawCenterIcon(canvas); } private void drawCenterCircle(Canvas canvas) {  canvas.drawCircle(centerX, centerY, innerRadius, paint); } private void drawWave(Canvas canvas) {  for (int i = 0; i < waveCount; i++) {   paint.setAlpha((int) (255 - 255 * waveDegreeArr[i] / radius));   canvas.drawCircle(centerX, centerY, waveDegreeArr[i], paint);  }  for (int i = 0; i < waveDegreeArr.length; i++) {   if ((waveDegreeArr[i] += 4) > radius) {    waveDegreeArr[i] = innerRadius;   }  }  if (isRunning) {   postInvalidateDelayed(50);  } } private void drawCenterIcon(Canvas canvas) {  paint.setAlpha(255);  int left = centerX - centerIconWidth / 2;  int top = centerY - centerIconHeight / 2;  canvas.drawBitmap(waveCenterIcon, left, top, paint); } @Override public boolean onTouchEvent(MotionEvent event) {  switch (event.getAction()) {   case MotionEvent.ACTION_UP:    // 處理事件邏輯    handleEvent(event);    return true;  }  return true; } private void handleEvent(MotionEvent event) {  float touchX = event.getX();  float touchY = event.getY();  Log.i(TAG, "handleEvent: " + "(" + touchX + "," + touchY + ")");  float distanceX = Math.abs(touchX - centerX);  float distanceY = Math.abs(touchY - centerY);  // 計(jì)算觸摸點(diǎn)距離中心點(diǎn)的距離  float distance = (float) Math.sqrt(distanceX * distanceX + distanceY * distanceY);  // 當(dāng)點(diǎn)擊的點(diǎn)距離中心點(diǎn)距離小于最內(nèi)圓半徑時(shí),認(rèn)為是點(diǎn)擊有效,否則無(wú)效  if (distance < innerRadius) {   if (listener != null) {    listener.onCenterWaveClick();   }  } } OnCenterWaveClickListener listener; public interface OnCenterWaveClickListener {  void onCenterWaveClick(); } public void setOnCenterWaveClickListener(OnCenterWaveClickListener listener) {  this.listener = listener; } public void toggle() {  isRunning = !isRunning;  invalidate(); } public boolean isWaveRunning() {  return isRunning; } private int dp2Px(int dpValue) {  return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, getResources().getDisplayMetrics()); }}

github地址:https://github.com/xing16/WaveView

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 平陆县| 集安市| 彩票| 林甸县| 宁德市| 黑山县| 确山县| 峨眉山市| 佛坪县| 宁津县| 澎湖县| 海盐县| 佳木斯市| 灵川县| 富顺县| 盐池县| 宣城市| 克山县| 临漳县| 福贡县| 舟山市| 潞西市| 于都县| 皮山县| 东乌珠穆沁旗| 丰顺县| 大连市| 连云港市| 广水市| 临沧市| 和田市| 乐业县| 白沙| 新昌县| 唐河县| 保康县| 咸阳市| 东平县| 汉中市| 阿勒泰市| 泌阳县|