Android自定义可拖动的悬浮按钮
在页面上随意拖动的按钮
public class MoveScaleRotateView extends RelativeLayout { private Context mContext; //默认的触摸点ID private static final int INVALID_POINTER_ID = -1; //子View上的两个手指的触摸点ID private int mChildPtrID1 = INVALID_POINTER_ID, mChildPtrID2 = INVALID_POINTER_ID; //父View上的两个手指的触摸点ID private int mPtrID1 = INVALID_POINTER_ID, mPtrID2 = INVALID_POINTER_ID; //父布局的Event事件 private MotionEvent mEvent; //记录点击在子View上的x和y坐标 private float mChildActionDownX = 0; private float mChildActionDownY = 0; //记录点击在父View上的第一个点和第二个点的x和y坐标 private float mActionDownX1 = 0; private float mActionDownX2 = 0; private float mActionDownY1 = 0; private float mActionDownY2 = 0; //初始的旋转角度 private float mDefaultAngle; //当前旋转角度 private float mAngle; //记录原始落点的时候两个手指之间的距离 private float oldDist = 0; //是否是点击 private boolean isCheck=false; //测试View private View view; private DisplayMetrics dm; //初始化操作 private void init(final Context context) { mContext = context; view = View.inflate(context, R.layout.layout_test_rela_view, null); addView(view); dm = new DisplayMetrics(); dm = getResources().getDisplayMetrics(); view.setX(dm.widthPixels-80); view.setY(dm.heightPixels/2); this.setFocusableInTouchMode(true); view.setOnTouchListener(new OnTouchListener() { private float lastY; private float lastX; private float rawY; private float rawX; @Override public boolean onTouch(View v, MotionEvent event) { switch ( event.getAction() & MotionEvent.ACTION_MASK ) { case MotionEvent.ACTION_DOWN: mChildPtrID1 = event.getPointerId(event.getActionIndex()); if ( mEvent != null ) { mChildActionDownX = mEvent.getX(event.findPointerIndex(mChildPtrID1)) - view.getX(); mChildActionDownY = mEvent.getY(event.findPointerIndex(mChildPtrID1)) - view.getY(); rawX = (event.getRawX()); rawY = (event.getRawY()); lastX = rawX; lastY = rawY; }else { return false; } break; case MotionEvent.ACTION_MOVE: if ( mEvent != null ) { // try { float x1 = mEvent.getX(mEvent.findPointerIndex(mChildPtrID1)); float y1 = mEvent.getY(mEvent.findPointerIndex(mChildPtrID1)); if (x1 - mChildActionDownX<=0){ view.setX(0); }else if (x1 - mChildActionDownX>=dm.widthPixels-30){ view.setX( dm.widthPixels-30); }else{ view.setX(x1 - mChildActionDownX); } if (y1 - mChildActionDownY<=0){ view.setY(0); }else if (y1 - mChildActionDownY>=dm.heightPixels-30){ view.setY( dm.heightPixels-30); }else{ view.setY(y1 - mChildActionDownY); } lastX = (event.getRawX()); lastY = (event.getRawY()); Log.v("sadadas",lastX+"--"+lastY+"--"+x1+"--"+y1); // }catch (Exception e){} }else { return false; } break; case MotionEvent.ACTION_UP: mChildPtrID1 = INVALID_POINTER_ID; if (rawX-lastX<=10&&rawX-lastX>=-10 &&rawY-lastY>=-10&&rawY-lastY<=10){ } break; case MotionEvent.ACTION_CANCEL: mChildPtrID1 = INVALID_POINTER_ID; mChildPtrID2 = INVALID_POINTER_ID; break; } return true; } }); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { return super.onInterceptTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent event) { mEvent = event; switch ( event.getAction() & MotionEvent.ACTION_MASK ) { case MotionEvent.ACTION_DOWN: mPtrID1 = event.getPointerId(event.getActionIndex()); mActionDownX1 = event.getX(event.findPointerIndex(mPtrID1)); mActionDownY1 = event.getY(event.findPointerIndex(mPtrID1)); break; case MotionEvent.ACTION_POINTER_DOWN: //非第一个触摸点按下 mPtrID2 = event.getPointerId(event.getActionIndex()); mActionDownX2 = event.getX(event.findPointerIndex(mPtrID2)); mActionDownY2 = event.getY(event.findPointerIndex(mPtrID2)); oldDist = spacing(event, mPtrID1, mPtrID2); break; case MotionEvent.ACTION_MOVE: if ( mPtrID1 != INVALID_POINTER_ID && mPtrID2 != INVALID_POINTER_ID ) { float x1 = 0, x2 = 0, y1 = 0, y2 = 0; x1 = event.getX(event.findPointerIndex(mPtrID1)); y1 = event.getY(event.findPointerIndex(mPtrID1)); x2 = event.getX(event.findPointerIndex(mPtrID2)); y2 = event.getY(event.findPointerIndex(mPtrID2)); //在这里处理旋转逻辑 mAngle = angleBetweenLines(mActionDownX1, mActionDownY1, mActionDownX2, mActionDownY2, x1, y1, x2, y2) + mDefaultAngle; view.setRotation(mAngle); //在这里处理缩放的逻辑 //处理缩放模块 float newDist = spacing(event, mPtrID1, mPtrID2); float scale = newDist / oldDist; if ( newDist > oldDist + 1 ) { zoom(scale, view); oldDist = newDist; } if ( newDist < oldDist - 1 ) { zoom(scale, view); oldDist = newDist; } } break; case MotionEvent.ACTION_UP: mPtrID1 = INVALID_POINTER_ID; break; case MotionEvent.ACTION_POINTER_UP: //非第一个触摸点抬起 mPtrID2 = INVALID_POINTER_ID; mDefaultAngle = mAngle; break; case MotionEvent.ACTION_CANCEL: mPtrID1 = INVALID_POINTER_ID; mPtrID2 = INVALID_POINTER_ID; break; } return false; } //对控件进行缩放操作 private void zoom(float scale, View view) { int w = view.getWidth(); int h = view.getHeight(); view.setLayoutParams(new RelativeLayout.LayoutParams(( int ) (w * scale), ( int ) (h * scale))); } /** * 计算两点之间的距离 * * @param event * @return 两点之间的距离 */ private float spacing(MotionEvent event, int ID1, int ID2) { float x = event.getX(ID1) - event.getX(ID2); float y = event.getY(ID1) - event.getY(ID2); return 1; } /** * 计算刚开始触摸的两个点构成的直线和滑动过程中两个点构成直线的角度 * * @param fX 初始点一号x坐标 * @param fY 初始点一号y坐标 * @param sX 初始点二号x坐标 * @param sY 初始点二号y坐标 * @param nfX 终点一号x坐标 * @param nfY 终点一号y坐标 * @param nsX 终点二号x坐标 * @param nsY 终点二号y坐标 * @return 构成的角度值 */ private float angleBetweenLines(float fX, float fY, float sX, float sY, float nfX, float nfY, float nsX, float nsY) { float angle1 = ( float ) Math.atan2((fY - sY), (fX - sX)); float angle2 = ( float ) Math.atan2((nfY - nsY), (nfX - nsX)); float angle = (( float ) Math.toDegrees(angle1 - angle2)) % 360; if ( angle < -180.f ) angle += 360.0f; if ( angle > 180.f ) angle -= 360.0f; return -angle; } public MoveScaleRotateView(Context context) { super(context); init(context); } public MoveScaleRotateView(Context context, AttributeSet attrs) { super(context, attrs); init(context); } public MoveScaleRotateView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(context); } @TargetApi( Build.VERSION_CODES.LOLLIPOP ) public MoveScaleRotateView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); init(context); } /** * 测试用 显示Toast * * @param msg */ private void showToast(String msg) { Toast.makeText(mContext, msg, Toast.LENGTH_SHORT).show(); } /** * 测试用 打印log * * @param log */ private void log(String log) { Log.e("HHHHHHHHHH", log); } /** * 测试用 打印log 指定TAG * * @param log * @param tag */ private void log(String log, String tag) { Log.e(tag, log); } }
按钮布局：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="70dp" android:layout_height="70dp" android:focusableInTouchMode="true"> <TextView android:text="取件" android:focusableInTouchMode="true" android:layout_centerInParent="true" android:background="@drawable/shape_yellow" android:gravity="center" android:textColor="#ffffff" android:textSize="15sp" android:layout_width="50dp" android:layout_height="50dp" /> </RelativeLayout>
按钮背景设置：
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="360dp"></corners> <solid android:color="#FCDB12"></solid> </shape>
效果图：
