本菜最近整理了一下Android自定义View的代码实现(大神勿喷),适合Android初级开发人员学习,有任何错误或问题欢迎留言。
今天我们用自定义view实现圆形按钮的点击,功能简单介绍一下:在圆形按钮内点击然后在圆形按钮内松开实现点击效果,在圆形按钮内点击然后移动到圆形按钮外不松手然后移动到圆形按钮内松手实现点击效果(类似于qq的发送按钮)
效果图:
代码如下:
public class CircleButton extends View {
private OnCircleButtonClickListener mOnCircleButtonClickListener = null;
public void setOnCircleButtonClickListener(OnCircleButtonClickListener onCircleButtonClickListener) {
this.mOnCircleButtonClickListener = onCircleButtonClickListener;
}
public CircleButton(Context context) {
this(context, null);
}
public CircleButton(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public CircleButton(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
//用于绘制圆形
private Paint mPaint = null;
private void init() {
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(0xff0000ff);
mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
}
private float cx = 0;
private float cy = 0;
private float r = 0;
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
cx = getWidth() / 2;
cy = getHeight() / 2;
r = getWidth() < getHeight() ? getWidth() / 2 : getHeight() / 2;
r = r - mPaint.getStrokeWidth();
canvas.drawCircle(cx, cy, r, mPaint);
}
private boolean isDown = false;
//用户交互的底层方法
@Override
public boolean onTouchEvent(MotionEvent event) {
//MotionEvent对象封装了用户的操作
//有动作类型:down、move、up
//动作的位置:坐标
//getX,getY两个方法获取操作位置的坐标
float x = event.getX();
float y = event.getY();
switch (event.getAction()){
case MotionEvent.ACTION_DOWN:
//范围判断
if (inCircle(x,y)){
isDown = true;
}
break;
case MotionEvent.ACTION_MOVE:
if (inCircle(x,y)){
mPaint.setColor(0xff00ff00);
}else {
mPaint.setColor(0xff0000ff);
}
invalidate();
break;
case MotionEvent.ACTION_UP:
if (inCircle(x,y)){
if (isDown){
//点击
//回调点击监听器的方法
if (mOnCircleButtonClickListener!=null){
mOnCircleButtonClickListener.onClick(this);
}
}
}
isDown=false;
mPaint.setColor(0xff0000ff);
invalidate();
break;
}
//这个返回值,如果返回父类的同名方法
//就会默认不消费事件
return true;
}
//判断一个点是否在圆内(上)
private boolean inCircle(float x,float y){
if ((cx-x)*(cx-x)+(cy-y)*(cy-y)<r*r){
return true;
}
return false;
}
//自定义点击监听器
public interface OnCircleButtonClickListener{
public void onClick(View view);
}
}
实际开发中调用我封装好的这个类就可以实现这个功能,点击监听依情况而定。
自定义圆形按钮

被折叠的 条评论
为什么被折叠?



