【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的水波效果
Android水波动画帮助类,一行代码实现View显示/隐藏/startActivity特效(0.3.1)
自研产品推荐
历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:
- api参数填写
- api请求响应数据展示
- PDF形式的分享文档
- Mock本地化解决方案
- api列表数据本地化处理
- 再加上UI方面的打磨
为了更好服务大家把之前的公众号和软件激活结合,如有疑问请大家反馈到公众号即可,下个版本30%以上的更新会来自公众号的反馈。
嗯!先解释不上服务端原因,API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具,所以作者结合自己十多年开发使用的一些痛点来打造的,再加上服务端开发一般是面向企业的,作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后,至于什么时候会进行开发,这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了,但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤!
下面是一段smartApi使用介绍: