遇到的问题及其解决方案

1.简单的view旋转移动拖拽

PasterView

  1. public class PasterView extends LinearLayout {
  2.     public ImageView mView;
  3.     private ImageView mPushView;
  4.     private ImageView mDeleteView;
  5.     private float _1dp;
  6.     private boolean mCenterInParent;
  7.     private Drawable mImageDrawable, mPushImageDrawable, mDeleteImageDrawable;
  8.     private float mImageHeight, mImageWidth, mPushImageHeight, mPushImageWidth, mDeleteImageHeight, mDeleteImageWidth;
  9.     public int mLeft = 0, mTop = 0;
  10.     private boolean mIconVisibility = true;
  11.     /**
  12.      * callback interface to be invoked when the delete icon has clicked
  13.      */
  14.     private OnPasterDeleteIconClickListener mOnPasterDeleteIconClickListener;
  16.     /**
  17.      * callback interface to be invoked when the image view has clicked
  18.      */
  19.     private OnImageViewClickListener mOnImageViewClickListener;
  22.     public PasterView(Context context) {
  23.         this(context, null, 0);
  24.     }
  26.     public PasterView(Context context, AttributeSet attrs) {
  27.         this(context, attrs, 0);
  28.     }
  30.     public PasterView(Context context, AttributeSet attrs, int defStyle) {
  31.         super(context, attrs, defStyle);
  32.         this._1dp = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, context.getResources().getDisplayMetrics());
  33.         this.parseAttr(context, attrs);
  34.         View mRoot = View.inflate(context, R.layout.test_image_view, null);
  35.         addView(mRoot, -1, -1);
  36.         mPushView = (ImageView) mRoot.findViewById(R.id.push_view);
  37.         mView = (ImageView) mRoot.findViewById(R.id.view);
  38.         mView.setTag(R.id.single_finger_view_scale, (float)1.0);
  39.         mDeleteView = (ImageView) mRoot.findViewById(R.id.delete_view);
  40.         mPushView.setOnTouchListener(new PushBtnTouchListener(mView, mDeleteView));
  42.         WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
  43.         mView.setOnTouchListener(new ViewOnTouchListener(mPushView, mDeleteView, wm.getDefaultDisplay().getWidth(), wm.getDefaultDisplay().getHeight()));
  45.         mDeleteView.setOnClickListener(new OnClickListener() {
  46.             @Override
  47.             public void onClick(View v) {
  48.                 deletePasterImage();
  49.             }
  50.         });
  51.     }
  53.     public void showIconAndBorder() {
  54.         if (null != mDeleteView) {
  55.             mDeleteView.setVisibility(View.VISIBLE);
  56.         }
  57.         if (null != mPushView) {
  58.             mPushView.setVisibility(View.VISIBLE);
  59.         }
  60.         if (null != mView) {
  61.             mView.setBackgroundDrawable(getContext().getResources().getDrawable(R.drawable.paster_image_border));
  62.         }
  63.         mIconVisibility = true;
  64.     }
  66.     private void parseAttr(Context context, AttributeSet attrs) {
  67.         if (null == attrs) return;
  68.         TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.PasterView);
  69.         if (a != null) {
  70.             int n = a.getIndexCount();
  71.             for (int i = 0; i < n; i++) {
  72.                 int attr = a.getIndex(i);
  73.                 if (attr == R.styleable.PasterView_centerInParent) {
  74.                     this.mCenterInParent = a.getBoolean(attr, false);
  75.                 } else if (attr == R.styleable.PasterView_image) {
  76.                     this.mImageDrawable = a.getDrawable(attr);
  77.                 } else if (attr == R.styleable.PasterView_image_height) {
  78.                     this.mImageHeight = a.getDimension(attr, 200 * _1dp);
  79.                 } else if (attr == R.styleable.PasterView_image_width) {
  80.                     this.mImageWidth = a.getDimension(attr, 200 * _1dp);
  81.                 } else if (attr == R.styleable.PasterView_push_image) {
  82.                     this.mPushImageDrawable = a.getDrawable(attr);
  83.                 } else if (attr == R.styleable.PasterView_push_image_width) {
  84.                     this.mPushImageWidth = a.getDimension(attr, 50 * _1dp);
  85.                 } else if (attr == R.styleable.PasterView_push_image_height) {
  86.                     this.mPushImageHeight = a.getDimension(attr, 50 * _1dp);
  87.                 } else if (attr == R.styleable.PasterView_left) {
  88.                     this.mLeft = (int) a.getDimension(attr, 0 * _1dp);
  89.                 } else if (attr == R.styleable.PasterView_top) {
  90.                     this.mTop = (int) a.getDimension(attr, 0 * _1dp);
  91.                 } else if (attr == R.styleable.PasterView_delete_image) {
  92.                     this.mDeleteImageDrawable = a.getDrawable(attr);
  93.                 } else if (attr == R.styleable.PasterView_delete_image_width) {
  94.                     this.mDeleteImageWidth = a.getDimension(attr, 50 * _1dp);
  95.                 } else if (attr == R.styleable.PasterView_delete_image_height) {
  96.                     this.mDeleteImageHeight = a.getDimension(attr, 50 * _1dp);
  97.                 }
  98.             }
  99.         }
  100.     }
  102.     private void setViewToAttr(int pWidth, int pHeight) {
  103.         if (null != mImageDrawable) {
  104.             this.mView.setBackgroundDrawable(mImageDrawable);
  105.         }
  106.         if (null != mPushImageDrawable) {
  107.             this.mPushView.setBackgroundDrawable(mPushImageDrawable);
  108.         }
  109.         if (null != mDeleteImageDrawable) {
  110.             this.mDeleteView.setBackgroundDrawable(mDeleteImageDrawable);
  111.         }
  112.         FrameLayout.LayoutParams viewLP = (FrameLayout.LayoutParams) this.mView.getLayoutParams();
  113.         viewLP.width = (int) mImageWidth;
  114.         viewLP.height = (int) mImageHeight;
  115.         int left = 0, top = 0;
  116.         if (mCenterInParent) {
  117.             left = pWidth / 2 - viewLP.width / 2;
  118.             top = pHeight / 2 - viewLP.height / 2;
  119.         } else {
  120.             if (mLeft > 0) left = mLeft;
  121.             if (mTop > 0) top = mTop;
  122.         }
  123.         viewLP.leftMargin = left;
  124.         viewLP.topMargin = top;
  125.         this.mView.setLayoutParams(viewLP);
  127.         FrameLayout.LayoutParams pushViewLP = (FrameLayout.LayoutParams) mPushView.getLayoutParams();
  128.         pushViewLP.width = (int) mPushImageWidth;
  129.         pushViewLP.height = (int) mPushImageHeight;
  130.         pushViewLP.leftMargin = (int) (viewLP.leftMargin + mImageWidth - mPushImageWidth / 2);
  131.         pushViewLP.topMargin = (int) (viewLP.topMargin + mImageHeight - mPushImageHeight / 2);
  132.         mPushView.setLayoutParams(pushViewLP);
  134.         FrameLayout.LayoutParams deleteViewLP = (FrameLayout.LayoutParams) mDeleteView.getLayoutParams();
  135.         deleteViewLP.width = (int) mDeleteImageWidth;
  136.         deleteViewLP.height = (int) mDeleteImageHeight;
  137.         deleteViewLP.leftMargin = (int) (viewLP.leftMargin - mDeleteImageWidth / 2);
  138.         deleteViewLP.topMargin = (int) (viewLP.topMargin - mDeleteImageHeight / 2);
  139.         mDeleteView.setLayoutParams(deleteViewLP);
  140.     }
  142.     @Override
  143.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  144.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  145.             setParamsForView(widthMeasureSpec, heightMeasureSpec);
  146.     }
  148.     private boolean hasSetParamsForView = false;
  150.     private void setParamsForView(int widthMeasureSpec, int heightMeasureSpec) {
  151.         ViewGroup.LayoutParams layoutParams = getLayoutParams();
  152.         if (null != layoutParams && !hasSetParamsForView) {
  153.             hasSetParamsForView = true;
  154.             int width;
  155.             if ((getLayoutParams().width == LayoutParams.MATCH_PARENT)) {
  156.                 width = MeasureSpec.getSize(widthMeasureSpec);
  157.             } else {
  158.                 width = getLayoutParams().width;
  159.             }
  160.             int height;
  161.             if ((getLayoutParams().height == LayoutParams.MATCH_PARENT)) {
  162.                 height = MeasureSpec.getSize(heightMeasureSpec);
  163.             } else {
  164.                 height = getLayoutParams().height;
  165.             }
  166.             setViewToAttr(width, height);
  167.             Log.d("tag", "width :" + width + " height :" + height);
  168.         }
  169.     }
  171.     /**
  172.      * Interface definition for a callback to be invoked when the delete icon has clicked.
  173.      */
  174.     public interface OnPasterDeleteIconClickListener {
  175.         /***
  176.          * callback method to be invoked when the delete icon has clicked
  177.          */
  178.         public void onDeleteIconClick(PasterView singleFingerView);
  179.     }
  181.     /**
  182.      * Interface definition for a callback to be invoked when the image view has clicked
  183.      */
  184.     public interface OnImageViewClickListener {
  185.         /**
  186.          * callback method to be invoked when the image view has clicked
  187.          */
  188.         public void onImageViewClick(PasterView singleFingerView);
  189.     }
  191.     /**
  192.      * call to delete the icon
  193.      */
  194.     public void deletePasterImage() {
  195.         //if the delete icon clicked then notify listener if there is one
  196.         if (mOnPasterDeleteIconClickListener != null) {
  197.             mOnPasterDeleteIconClickListener.onDeleteIconClick(this);
  198.         }
  199.     }
  201.     /**
  202.      * call to change the index of imageview
  203.      */
  204.     public void changeViewIndexToTop() {
  205.         //if the view clicked then notify listener if there is one
  206.         if (mOnImageViewClickListener != null) {
  207.             mOnImageViewClickListener.onImageViewClick(this);
  208.         }
  209.     }
  211. }

Point

  1. public class Point {
  2.     public float x;
  3.     public float y;
  5.     public Point(float x, float y) {
  6.         this.x = x;
  7.         this.y = y;
  8.     }
  10.     @Override
  11.     public String toString() {
  12.         return "x: " + x + ",y: " + y;
  13.     }
  14. }

PushBtnTouchListener

  2. import android.view.MotionEvent;
  3. import android.view.View;
  4. import android.widget.FrameLayout;
  6. import com.warpath.pasterview.R;
  9. class PushBtnTouchListener implements View.OnTouchListener {
  10.     Point pushPoint;
  11.     int lastImgWidth;
  12.     int lastImgHeight;
  13.     int lastImgLeft;
  14.     int lastImgTop;
  15.     int lastImgAngle;
  16.     double lastComAngle;
  18.     int pushImgWidth;
  19.     int pushImgHeight;
  20.     int deleteImageWidth;
  21.     int deleteImageHeight;
  23.     int lastPushBtnLeft;
  24.     int lastPushBtnTop;
  25.     int lastDeleteBtnLeft;
  26.     int lastDeleteBtnTop;
  28.     private View mView;
  29.     private View mDeleteView;
  30.     private Point mViewCenter;
  31.     private static final double PI = 3.14159265359;
  33.     public PushBtnTouchListener(View mView, View mDeleteView) {
  34.         this.mView = mView;
  35.         this.mDeleteView = mDeleteView;
  36.     }
  38.     private FrameLayout.LayoutParams pushBtnLP;
  39.     private FrameLayout.LayoutParams imgLP;
  40.     private FrameLayout.LayoutParams deleteBtnLP;
  41.     float lastX = -1;
  42.     float lastY = -1;
  44.     @Override
  45.     public boolean onTouch(View pushView, MotionEvent event) {
  46.         switch (event.getAction() & MotionEvent.ACTION_MASK) {
  47.             // 主点按下
  48.             case MotionEvent.ACTION_DOWN:
  49.                 pushBtnLP = (FrameLayout.LayoutParams) pushView.getLayoutParams();
  50.                 imgLP = (FrameLayout.LayoutParams) mView.getLayoutParams();
  51.                 deleteBtnLP = (FrameLayout.LayoutParams) mDeleteView.getLayoutParams();
  53.                 pushPoint = getPushPoint(pushBtnLP, event);
  54.                 lastImgWidth = imgLP.width;
  55.                 lastImgHeight = imgLP.height;
  56.                 lastImgLeft = imgLP.leftMargin;
  57.                 lastImgTop = imgLP.topMargin;
  58.                 lastImgAngle = (int) mView.getRotation();
  60.                 lastPushBtnLeft = pushBtnLP.leftMargin;
  61.                 lastPushBtnTop = pushBtnLP.topMargin;
  62.                 lastDeleteBtnLeft = deleteBtnLP.leftMargin;
  63.                 lastDeleteBtnTop = deleteBtnLP.topMargin;
  64.                 deleteImageWidth = deleteBtnLP.width;
  65.                 deleteImageHeight = deleteBtnLP.height;
  67.                 pushImgWidth = pushBtnLP.width;
  68.                 pushImgHeight = pushBtnLP.height;
  70.                 lastX = event.getRawX();
  71.                 lastY = event.getRawY();
  72.                 refreshImageCenter();
  73.                 break;
  74.             // 副点按下
  75.             case MotionEvent.ACTION_POINTER_DOWN:
  76.                 break;
  77.             case MotionEvent.ACTION_UP: {
  78.                 break;
  79.             }
  80.             case MotionEvent.ACTION_POINTER_UP:
  81.                 break;
  82.             case MotionEvent.ACTION_MOVE:
  83.                 float rawX = event.getRawX();
  84.                 float rawY = event.getRawY();
  85.                 if (lastX != -1) {
  86.                     if (Math.abs(rawX - lastX) < 5 && Math.abs(rawY - lastY) < 5) {
  87.                         return false;
  88.                     }
  89.                 }
  90.                 lastX = rawX;
  91.                 lastY = rawY;
  93.                 Point O = mViewCenter, A = pushPoint, B = getPushPoint(pushBtnLP, event);
  94.                 float dOA = getDistance(O, A);
  95.                 float dOB = getDistance(O, B);
  96.                 float f = dOB / dOA;
  98.                 int newWidth = (int) (lastImgWidth * f);
  99.                 int newHeight = (int) (lastImgHeight * f);
  100.                 mView.setTag(R.id.single_finger_view_scale, f);
  102.                 imgLP.leftMargin = lastImgLeft - ((newWidth - lastImgWidth) / 2);
  103.                 imgLP.topMargin = lastImgTop - ((newHeight - lastImgHeight) / 2);
  104.                 imgLP.width = newWidth;
  105.                 imgLP.height = newHeight;
  106.                 mView.setLayoutParams(imgLP);
  108.                 float fz = (((A.x - O.x) * (B.x - O.x)) + ((A.y - O.y) * (B.y - O.y)));
  109.                 float fm = dOA * dOB;
  110.                 double comAngle = (180 * Math.acos(fz / fm) / PI);
  111.                 if (Double.isNaN(comAngle)) {
  112.                     comAngle = (lastComAngle < 90 || lastComAngle > 270) ? 0 : 180;
  113.                 } else if ((B.y - O.y) * (A.x - O.x) < (A.y - O.y) * (B.x - O.x)) {
  114.                     comAngle = 360 - comAngle;
  115.                 }
  116.                 lastComAngle = comAngle;
  118.                 float angle = (float) (lastImgAngle + comAngle);
  119.                 angle = angle % 360;
  120.                 mView.setRotation(angle);
  121.                 Point imageRB = new Point(mView.getLeft() + mView.getWidth(), mView.getTop() + mView.getHeight());
  122.                 Point anglePoint = getAnglePoint(O, imageRB, angle);
  123.                 Point deleteAnglePoint = getAnglePoint1(O , imageRB, angle);
  125.                 pushBtnLP.leftMargin = (int) (anglePoint.x - pushImgWidth / 2);
  126.                 pushBtnLP.topMargin = (int) (anglePoint.y - pushImgHeight / 2);
  127.                 pushView.setLayoutParams(pushBtnLP);
  128.                 deleteBtnLP.leftMargin = (int) (deleteAnglePoint.x - deleteImageWidth / 2);
  129.                 deleteBtnLP.topMargin = (int) (deleteAnglePoint.y  - deleteImageHeight / 2);
  130.                 mDeleteView.setLayoutParams(deleteBtnLP);
  131.                 break;
  132.         }
  133.         return false;
  134.     }
  136.     private void refreshImageCenter() {
  137.         int x = mView.getLeft() + mView.getWidth() / 2;
  138.         int y = mView.getTop() + mView.getHeight() / 2;
  139.         mViewCenter = new Point(x, y);
  140.     }
  143.     private Point getPushPoint(FrameLayout.LayoutParams lp, MotionEvent event) {
  144.         return new Point(lp.leftMargin + (int) event.getX(), lp.topMargin + (int) event.getY());
  145.     }
  147.     private float getDistance(Point a, Point b) {
  148.         float v = ((a.x - b.x) * (a.x - b.x)) + ((a.y - b.y) * (a.y - b.y));
  149.         return ((int) (Math.sqrt(v) * 100)) / 100f;
  150.     }
  152.     private Point getAnglePoint(Point O, Point A, float angle) {
  153.         int x, y;
  154.         float dOA = getDistance(O, A);
  155.         double p1 = angle * PI / 180f;
  156.         double p2 = Math.acos((A.x - O.x) / dOA);
  157.         x = (int) (O.x + dOA * Math.cos(p1 + p2));
  159.         double p3 = Math.acos((A.x - O.x) / dOA);
  160.         y = (int) (O.y + dOA * Math.sin(p1 + p3));
  161.         return new Point(x, y);
  162.     }
  164.     private Point getAnglePoint1(Point O, Point A, float angle) {
  165.         int x, y;
  166.         float dOA = getDistance(O, A);
  167.         double p1 = angle * PI / 180f;
  168.         double p2 = Math.acos((A.x - O.x) / dOA);
  169.         x = (int) (O.x - dOA * Math.cos(p1 + p2));
  171.         double p3 = Math.acos((A.x - O.x) / dOA);
  172.         y = (int) (O.y - dOA * Math.sin(p1 + p3));
  173.         return new Point(x, y);
  174.     }
  176. }

ViewOnTouchListener

  2. import android.view.MotionEvent;
  3. import android.view.View;
  4. import android.widget.FrameLayout;
  7. public class ViewOnTouchListener implements View.OnTouchListener {
  8.     Point pushPoint;
  9.     int lastImgLeft;
  10.     int lastImgTop;
  11.     int lastImgRight;
  12.     int lastImgBottom;
  13.     FrameLayout.LayoutParams viewLP;
  14.     FrameLayout.LayoutParams pushBtnLP;
  15.     FrameLayout.LayoutParams deleteBtnLP;
  16.     int lastPushBtnLeft;
  17.     int lastPushBtnTop;
  18.     int lastDeleteBtnLeft;
  19.     int lastDeleteBtnTop;
  20.     private View mPushView;
  21.     private View mDeleteView;
  22.     int maxX;
  23.     int maxY;
  24.     float moveX;
  25.     float moveY;
  27.     public ViewOnTouchListener(View mPushView, View mDeleteView, int maxX, int maxY) {
  28.         this.mPushView = mPushView;
  29.         this.mDeleteView = mDeleteView;
  30.         this.maxX = maxX;
  31.         this.maxY = maxY;
  32.     }
  34.     @Override
  35.     public boolean onTouch(View view, MotionEvent event) {
  36.         switch (event.getAction() & MotionEvent.ACTION_MASK) {
  37.             case MotionEvent.ACTION_DOWN:
  38.                 mPushView.setVisibility(View.VISIBLE);
  39.                 mDeleteView.setVisibility(View.VISIBLE);
  40.                 if (null == viewLP) {
  41.                     viewLP = (FrameLayout.LayoutParams) view.getLayoutParams();
  42.                 }
  43.                 if (null == pushBtnLP) {
  44.                     pushBtnLP = (FrameLayout.LayoutParams) mPushView.getLayoutParams();
  45.                 }
  46.                 if (null == deleteBtnLP) {
  47.                     deleteBtnLP = (FrameLayout.LayoutParams) mDeleteView.getLayoutParams();
  48.                 }
  49.                 pushPoint = getRawPoint(event);
  50.                 lastImgLeft = viewLP.leftMargin;
  51.                 lastImgTop = viewLP.topMargin;
  52.                 lastImgRight = viewLP.rightMargin;
  53.                 lastImgBottom = viewLP.bottomMargin;
  54.                 lastPushBtnLeft = pushBtnLP.leftMargin;
  55.                 lastPushBtnTop = pushBtnLP.topMargin;
  56.                 lastDeleteBtnLeft = deleteBtnLP.leftMargin;
  57.                 lastDeleteBtnTop = deleteBtnLP.topMargin;
  58.                 return true;
  59.             case MotionEvent.ACTION_MOVE:
  60.                 Point newPoint = getRawPoint(event);
  61.                 moveX = newPoint.x - pushPoint.x;
  62.                 moveY = newPoint.y - pushPoint.y;
  63.                 if (lastImgLeft + moveX <= 0 - viewLP.width/2) {
  64.                     return true;
  65.                 } else if (lastImgLeft + viewLP.width + moveX > maxX + viewLP.width/2) {
  66.                     return true;
  67.                 }
  68.                 if (lastImgTop + moveY <= 0 - viewLP.height/2) {
  69.                     return true;
  70.                 } else if (lastImgTop + viewLP.height + moveY > maxY + viewLP.height/2) {
  71.                     return true;
  72.                 }
  74.                 viewLP.leftMargin = (int) (lastImgLeft + moveX);
  75.                 viewLP.topMargin = (int) (lastImgTop + moveY);
  76.                 view.setLayoutParams(viewLP);
  77.                 pushBtnLP.leftMargin = (int) (lastPushBtnLeft + moveX);
  78.                 pushBtnLP.topMargin = (int) (lastPushBtnTop + moveY);
  79.                 mPushView.setLayoutParams(pushBtnLP);
  81.                 deleteBtnLP.leftMargin = (int) (lastDeleteBtnLeft + moveX);
  82.                 deleteBtnLP.topMargin = (int) (lastDeleteBtnTop + moveY);
  83.                 mDeleteView.setLayoutParams(deleteBtnLP);
  84.                 break;
  86.         }
  87.         return false;
  88.     }
  91.     private Point getRawPoint(MotionEvent event) {
  92.         return new Point((int) event.getRawX(), (int) event.getRawY());
  93.     }
  94. }

ezgif-1124892373.gif

2.Git配置多个SSH key

ssh-add ~/.ssh/id_rsa_two

ssh-agent bash