15 自定义控件之水波纹

main.java不变,,,,,



-----------------------------------MyRing.java---------------------------


package com.example.ji;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;


public class MyRring extends View{


/**
* 圆环圆心的X坐标
*/
private int cx;

/**
* 圆环圆心的Y坐标
*/
private int cy;


private Paint paint;


/**
* 圆环的半径
*/
private float radius;


/**
* 线条的厚度
*/
private float strokeWidth;


public MyRring(Context context, AttributeSet attrs) {
super(context, attrs);

initView();
}


private void initView() {
//初始化paint 
paint = new Paint();
paint.setAntiAlias(true); // 抗矩齿
paint.setColor(Color.RED);
paint.setStyle(Style.STROKE); //刻画,画线条
paint.setStrokeWidth(strokeWidth); //设置条线的厚度
paint.setAlpha(255); //设置透明度 ,0--255  0代表完全透明

// 
this.radius =0;
strokeWidth = 0;
}


@Override
/**
* 绘制我们的内容
*/
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

/**
* 绘制圆环
*/
canvas.drawCircle(cx, cy, radius, paint);

}

@Override
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);

switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 点击,获得圆环的中心
cx = (int) event.getX();
cy = (int) event.getY();
//初始化画笔
initView();
handler.sendEmptyMessage(0);
break;
}

return true; 
}


/*
* 刷新状态
*/
private void flushState() {

this.radius+=10;
this.strokeWidth = radius/4;
paint.setStrokeWidth(strokeWidth);

int nextAlpha = paint.getAlpha()-20;
if(nextAlpha<=20){
nextAlpha = 0;
}
paint.setAlpha(nextAlpha);


}


private Handler handler = new Handler(){
public void handleMessage(android.os.Message msg) {

flushState();
// 刷新页面 执行onDraw()方法 
invalidate();

if(paint.getAlpha() !=0){
handler.sendEmptyMessageDelayed(0, 100);
}
};
};

@Override
/**
* 大小的测量按系统的默认规则
*/
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}

}


。。。。。。。。。。。。。main.xml。。。。。。。。。。。。。。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >


    <com.example.ji.MyRring
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />


</RelativeLayout>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要为Android控件添加水波纹效果,可以使用以下步骤: 1. 首先,在你的app的`build.gradle`文件中,确保`minSdkVersion`至少为21或更高版本,因为水波纹效果是在Android 5.0(API级别21)引入的。 2. 在你的布局文件中,将你想要添加水波纹效果的控件包裹在一个`android.support.v7.widget.AppCompatBackgroundHelper`中,并设置`android:background`属性为一个带有水波纹效果的选择器文件,如下所示: ```xml <android.support.v7.widget.AppCompatBackgroundHelper android:background="@drawable/ripple_selector" app:backgroundTint="@color/your_color"> <!-- 添加水波纹效果的控件 --> </android.support.v7.widget.AppCompatBackgroundHelper> ``` 3. 创建一个名为`ripple_selector.xml`的选择器文件,将其放在`res/drawable`目录下,并在文件中定义水波纹效果的样式: ```xml <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@color/ripple_color"> <item android:id="@android:id/mask"> <shape android:shape="rectangle"> <solid android:color="@android:color/white" /> </shape> </item> <item> <shape android:shape="rectangle"> <solid android:color="@color/your_color" /> </shape> </item> </ripple> ``` 确保将`@color/ripple_color`替换为你想要的水波纹颜色,将`@color/your_color`替换为控件的背景颜色。 4. 最后,在你的`styles.xml`文件中,将你的app的主题设置为继承自`Theme.AppCompat`或`Theme.MaterialComponents`,以确保水波纹效果正常工作。 现在,你的控件应该具有水波纹效果了。记得根据你的实际需求,进行适当的调整和修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值