【Android】ImageView水波效果(93/100)

在这里插入图片描述
自定义RippleImageView继承原生ImageView,代码如下:

package top.lc951.myandroid.views;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Looper;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.widget.ImageView;

import com.example.indicatorlib.utils.Utils;


/**
 * 水波效果
 * @author lichong
 * 2022年07月26日13:46:36
 */
@SuppressLint("AppCompatCustomView")
public class RippleImageView extends ImageView {
    private Context mContext;
    private Paint mPaint=new Paint();
    private int mWidth,mHeight;
    private int mRadius;
    private int mIncrease;


    public RippleImageView(Context context) {
        super(context);
    }

    public RippleImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mContext=context;
        mIncrease= Utils.dp2px(mContext,5);
        mPaint.setColor(0x99FFFFFF);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth=getMeasuredWidth();
        mHeight=getMeasuredHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(mRadius>0){
            canvas.drawCircle(mWidth/2,mHeight/2,mRadius,mPaint);
        }
    }

    public void setRippleColor(int color){
        mPaint.setColor(color);
    }

    public void startRipple(){
        mRadius=0;
        mHandler.post(mRipple);
    }

    private Handler mHandler=new Handler(Looper.myLooper());
    private Runnable mRipple=new Runnable() {
        @Override
        public void run() {
            mRadius+=mIncrease;
            if(mRadius*mRadius>(mWidth*mWidth/4+mHeight*mHeight/4)){
                mRadius=0;
                mIncrease=Utils.dp2px(mContext,5);
            }else{
                mIncrease+=Utils.dp2px(mContext,1);
                mHandler.postDelayed(this,50);
            }
            postInvalidate();
        }
    };

}

布局引用如下:

<top.lc951.myandroid.views.RippleImageView
        android:id="@+id/iv_ripple"

        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tv_label"

        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:src="@mipmap/ic_img01"
        android:scaleType="fitXY"
        android:layout_margin="10dp"
        />

应用控制如下:

package top.lc951.myandroid.activity;

import android.content.Context;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;

import top.lc951.myandroid.R;
import top.lc951.myandroid.views.RippleImageView;

/**
 * 水波图像效果
 * 参考{@link RippleImageView}
 */
public class RippleImageViewActivity extends AppCompatActivity {

    private RippleImageView rippleImageView;

    public static void actionActivity(Context context) {
        Intent intent = new Intent(context, RippleImageViewActivity.class);
        context.startActivity(intent);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_ripple_image_view);
        rippleImageView=findViewById(R.id.iv_ripple);
        rippleImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                rippleImageView.startRipple();
            }
        });
        initSpinner();
    }
    private String[] rippleNameArray = {"白色", "红色", "绿色", "蓝色", "黄色", "青色", "紫色"};
    private int[] rippleColoArray = {0x99ffffff, 0x99ff0000
            , 0x9900ff00, 0x990000ff
            , 0x99ffff00, 0x9900ffff
            , 0x99ff00ff};
    private void initSpinner() {
        ArrayAdapter<String> rippleAdapter = new ArrayAdapter<>(this,
                android.R.layout.simple_list_item_1, rippleNameArray);
        Spinner sp_ripple = findViewById(R.id.spinner);
        sp_ripple.setPrompt("请选择水波特效");
        sp_ripple.setAdapter(rippleAdapter);
        sp_ripple.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                rippleImageView.setRippleColor(rippleColoArray[position]);
                rippleImageView.startRipple();
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });
        sp_ripple.setSelection(0);
    }
}

更多参考

Android 5.0 Material Design的实现点击任意View的水波效果

Android5.x自定义水波效果

自定义View之圆形水波扩散动效

Android水波动画帮助类,一行代码实现View显示/隐藏/startActivity特效(0.3.1)

自研产品推荐

推荐理由

postman在国内使用已经越来越困难:
1、登录问题严重
2、Mock功能服务基本没法使用
3、版本更新功能已很匮乏
4、某些外力因素导致postman以后能否使用风险较大
出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi,满足基本日常开发调试api需求

简介

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:

  • api参数填写
  • api请求响应数据展示
  • PDF形式的分享文档
  • Mock本地化解决方案
  • api列表数据本地化处理
  • 再加上UI方面的打磨

下面是一段smartApi使用介绍:
在这里插入图片描述

下载地址:

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lichong951

你的鼓励决定更新的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值