TestActivity.java 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485
  1. package com.bestv.edu.activity;
  2. import android.animation.Animator;
  3. import android.animation.TypeEvaluator;
  4. import android.animation.ValueAnimator;
  5. import android.app.Activity;
  6. import android.graphics.PointF;
  7. import android.os.Handler;
  8. import android.os.Message;
  9. import android.os.Bundle;
  10. import android.util.Log;
  11. import android.view.MotionEvent;
  12. import android.view.View;
  13. import android.view.ViewGroup;
  14. import android.view.animation.Animation;
  15. import android.view.animation.DecelerateInterpolator;
  16. import android.view.animation.TranslateAnimation;
  17. import android.widget.Button;
  18. import android.widget.LinearLayout;
  19. import android.widget.RelativeLayout;
  20. import androidx.annotation.NonNull;
  21. import com.bestv.edu.R;
  22. import com.bestv.edu.bean.ListBean;
  23. import com.bestv.edu.view.MaskFilterView;
  24. import java.util.ArrayList;
  25. import java.util.List;
  26. /**
  27. * author : 程中强
  28. * e-mail : 740479946@qq.com
  29. * date : 2022/8/317:12
  30. * desc :
  31. * version: 1.0
  32. */
  33. public class TestActivity extends Activity {
  34. private final static String TAG = "DragViewActivity";
  35. /** 三个容器 */
  36. private LinearLayout view1_container;
  37. private LinearLayout view2_container;
  38. private LinearLayout view3_container;
  39. private LinearLayout view4_container;
  40. /** 三要个拖动view */
  41. private LinearLayout view1;
  42. private LinearLayout view2;
  43. private LinearLayout view3,view_4;
  44. private RelativeLayout view_1;
  45. private LinearLayout view_2;
  46. private LinearLayout view_3;
  47. View viewCover;
  48. private MaskFilterView mask;
  49. private View v1;
  50. private ListBean bean;
  51. private List<ListBean> beanList = new ArrayList<>();//用于记录数据
  52. private List<LinearLayout> mlist = new ArrayList<>();
  53. boolean isResult = false;
  54. private Button btn;
  55. Animation animDown,animUp;
  56. private boolean isClose = false;
  57. private List<View> list = new ArrayList<>();
  58. private Handler handler = new Handler(new Handler.Callback() {
  59. @Override
  60. public boolean handleMessage(@NonNull Message message) {
  61. switch (message.what){
  62. case 1:
  63. if (isResult){
  64. isResult = false;
  65. setResult();
  66. }
  67. break;
  68. case 2:
  69. break;
  70. }
  71. return false;
  72. }
  73. });
  74. @Override
  75. protected void onCreate(Bundle savedInstanceState) {
  76. super.onCreate(savedInstanceState);
  77. setContentView(R.layout.activity_test);
  78. mask = findViewById(R.id.mask);
  79. mask.setBlurType(1);
  80. //三个容器
  81. view1_container = findViewById(R.id.view1_container);
  82. view2_container = findViewById(R.id.view2_container);
  83. view3_container = findViewById(R.id.view3_container);
  84. view4_container = findViewById(R.id.view4_container);
  85. //三个可拖拽view
  86. view1 = findViewById(R.id.view1);
  87. view2 = findViewById(R.id.view2);
  88. view3 = findViewById(R.id.view3);
  89. view_1 = findViewById(R.id.view_1);
  90. view_2 = findViewById(R.id.view_2);
  91. view_3 = findViewById(R.id.view_3);
  92. view_4 = findViewById(R.id.view_4);
  93. list.add(view_1);
  94. list.add(view_2);
  95. list.add(view_3);
  96. list.add(view_4);
  97. v1 = findViewById(R.id.v1);
  98. v1.setOnClickListener(v->{});
  99. mlist.add(view1_container);
  100. mlist.add(view2_container);
  101. mlist.add(view3_container);
  102. mlist.add(view4_container);
  103. setTouchText(view1_container);
  104. setTouchText(view2_container);
  105. setTouchText(view3_container);
  106. setTouchText(view4_container);
  107. btn = findViewById(R.id.btn);
  108. btn.setOnClickListener(v->setResult());
  109. handler.post(runnable);
  110. }
  111. Runnable runnable = new Runnable() {
  112. @Override
  113. public void run() {
  114. beanList.clear();
  115. for (int i=0;i<4;i++){
  116. bean = new ListBean();
  117. bean.setView(mlist.get(i));
  118. Log.e("MyTag","top:"+mlist.get(i).getTop()+" left:"+mlist.get(i).getLeft());
  119. bean.setAnswer((i+1)%4);
  120. bean.setNum(i);
  121. bean.setStatus(false);
  122. beanList.add(bean);
  123. }
  124. }
  125. };
  126. /**
  127. * 计算最后答案
  128. */
  129. void setResult(){
  130. for (ListBean b: beanList){
  131. if (b.getAnswer() != b.getNum()){
  132. for (ListBean b2: beanList){
  133. if (b2.getNum() == b.getAnswer()){
  134. isResult = true;
  135. changeToView(b.getView(),b2.getView(),500);
  136. return;
  137. }
  138. }
  139. }
  140. }
  141. }
  142. //交换2个view
  143. private void changeToView(ViewGroup v1p,ViewGroup v2p,int time){
  144. int num;
  145. for (ListBean b:beanList){
  146. if (b.getView().getId() == v1p.getId()){
  147. num = b.getNum();
  148. for (ListBean b2:beanList){
  149. if (b2.getView().getId() == v2p.getId()){
  150. b.setNum(b2.getNum());
  151. b2.setNum(num);
  152. }
  153. }
  154. }
  155. }
  156. moveToWord(v2p,v1p,time);
  157. moveToWord2(v1p,v2p,time);
  158. }
  159. private float downX;
  160. private float downY;
  161. private long downTime;
  162. private long delay;
  163. private boolean isMove;
  164. private boolean canDrag;
  165. private int left,enfLeft;
  166. private int top,endTop;
  167. void setTouchText(View view){
  168. view.setOnClickListener(v1->{});
  169. view.setOnTouchListener(new View.OnTouchListener() {
  170. @Override
  171. public boolean onTouch(View v, MotionEvent event) {
  172. switch (event.getAction()) {
  173. case MotionEvent.ACTION_DOWN:
  174. downX = event.getX();
  175. downY = event.getY();
  176. isMove = false;
  177. downTime = System.currentTimeMillis();
  178. top = v.getTop();
  179. left = v.getLeft();
  180. canDrag = true;
  181. v.bringToFront();
  182. break;
  183. case MotionEvent.ACTION_MOVE:
  184. if (!canDrag) {
  185. break;
  186. }
  187. final float xDistance = event.getX() - downX;
  188. final float yDistance = event.getY() - downY;
  189. enfLeft = (int)v.getX();
  190. endTop = (int)v.getY();
  191. if (xDistance != 0 && yDistance != 0) {
  192. int l = (int) (v.getLeft() + xDistance);
  193. int r = (int) (l + v.getWidth());
  194. int t = (int) (v.getTop() + yDistance);
  195. int b = (int) (t + v.getHeight());
  196. v.setLeft(l);
  197. v.setTop(t);
  198. v.setRight(r);
  199. v.setBottom(b);
  200. isMove = true;
  201. }
  202. Log.e("MyTag","x:" + v.getY());
  203. if(Math.abs(v.getY())<200&&!isClose){
  204. isClose = true;
  205. // handler.sendEmptyMessage(2);
  206. for (ListBean b:beanList){
  207. if (b.getView().getId() == view.getId()){
  208. closeView(list.get(b.getNum()));
  209. }
  210. }
  211. }
  212. break;
  213. case MotionEvent.ACTION_UP:
  214. int l = left;
  215. int r = (int) (l + v.getWidth());
  216. int t = top;
  217. int b = (int) (t + v.getHeight());
  218. v.setLeft(l);
  219. v.setTop(t);
  220. v.setRight(r);
  221. v.setBottom(b);
  222. judgeView(v,enfLeft,endTop);
  223. isClose = false;
  224. break;
  225. default:
  226. break;
  227. }
  228. return isMove;
  229. }
  230. });
  231. }
  232. private void judgeView(View view,int left,int top){
  233. for (ListBean b:beanList){
  234. if (b.getView().getId() != view.getId()){
  235. if (Math.abs(b.getView().getX()-left)<50&&
  236. Math.abs(b.getView().getY()-top)<50){
  237. changeToView((ViewGroup)view,b.getView(),0);
  238. }
  239. }
  240. }
  241. }
  242. private void closeView(View v){
  243. v.clearAnimation();
  244. animUp= new TranslateAnimation(0, 0, 0, 40);
  245. animUp.setDuration(400);
  246. animUp.setRepeatCount(0);//动画的反复次数
  247. animUp.setFillAfter(true);//设置为true,动画转化结束后被应用
  248. animUp.setAnimationListener(new Animation.AnimationListener() {
  249. @Override
  250. public void onAnimationStart(Animation animation) {
  251. }
  252. @Override
  253. public void onAnimationEnd(Animation animation) {
  254. // LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) v.getLayoutParams();
  255. // layoutParams.topMargin = -20;
  256. // layoutParams.bottomMargin = -20;
  257. // layoutParams.height = 260;
  258. // v.setLayoutParams(layoutParams);
  259. // for (ListBean bean:beanList){
  260. // if (bean.getView() == viewGroup){
  261. //
  262. // bean.setStatus(true);
  263. // }
  264. // }
  265. }
  266. @Override
  267. public void onAnimationRepeat(Animation animation) {
  268. }
  269. });
  270. v.startAnimation(animUp);
  271. }
  272. private void moveToWord(View view, View targetView,int time) {
  273. final float x = view.getX();
  274. final float y = view.getY();
  275. final float targetX = targetView.getX();
  276. final float targetY = targetView.getY();
  277. ValueAnimator valueAnimator = new ValueAnimator();
  278. valueAnimator.setDuration(time);//600
  279. valueAnimator.setObjectValues(new PointF(x, y));
  280. valueAnimator.setInterpolator(new DecelerateInterpolator());
  281. //首先判断 目标点在上还是在下
  282. final boolean flagX = ((x - targetX) > 0) ? true : false;
  283. final boolean flagY = ((y - targetY) > 0) ? true : false;
  284. valueAnimator.setEvaluator(new TypeEvaluator<PointF>() {
  285. @Override
  286. public PointF evaluate(float fraction, PointF startValue,
  287. PointF endValue) {
  288. //从0.0 --->> 1.0
  289. PointF point = new PointF();
  290. //这里是需要倒着来 最后要到达200 200 这个点
  291. float fractionNeed = 1 - fraction;
  292. if (flagX) {
  293. float vX = x - targetX;
  294. point.x = vX * fractionNeed + targetX;
  295. } else {
  296. float vX = targetX - x;
  297. point.x = x + vX * fraction;
  298. }
  299. if (flagY) {
  300. float vY = y - targetY;
  301. point.y = vY * fractionNeed + targetY;
  302. } else {
  303. float vY = targetY - y;
  304. point.y = y + vY * fraction;
  305. }
  306. return point;
  307. }
  308. });
  309. valueAnimator.start();
  310. valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  311. @Override
  312. public void onAnimationUpdate(ValueAnimator animation) {
  313. PointF point = (PointF) animation.getAnimatedValue();
  314. float vX = point.x;
  315. float vY = point.y;
  316. //说明vx 最大值就是view原坐标
  317. if (flagX) {
  318. if (vX <= x && vX >= targetX) {
  319. view.setX(vX);
  320. }
  321. } else {//说明vx 最小值就是view原坐标
  322. if (vX >= x && vX <= targetX) {
  323. view.setX(vX);
  324. }
  325. }
  326. //说明vY 最大值就是view原坐标
  327. if (flagY) {
  328. if (vY <= y && vY >= targetY) {
  329. view.setY(vY);
  330. }
  331. } else {//说明vx 最小值就是view原坐标
  332. if (vY >= y && vY <= targetY) {
  333. view.setY(vY);
  334. }
  335. }
  336. }
  337. });
  338. // view.setLeft(targetView.getLeft());
  339. // view.setTop(targetView.getTop());
  340. // view.setRight(targetView.getWidth());
  341. // view.setBottom(targetView.getHeight());
  342. }
  343. private void moveToWord2(View view, View targetView,int time) {
  344. final float x = view.getX();
  345. final float y = view.getY();
  346. final float targetX = targetView.getX();
  347. final float targetY = targetView.getY();
  348. ValueAnimator valueAnimator = new ValueAnimator();
  349. valueAnimator.setDuration(time);//600
  350. valueAnimator.setObjectValues(new PointF(x, y));
  351. valueAnimator.setInterpolator(new DecelerateInterpolator());
  352. //首先判断 目标点在上还是在下
  353. final boolean flagX = ((x - targetX) > 0) ? true : false;
  354. final boolean flagY = ((y - targetY) > 0) ? true : false;
  355. valueAnimator.setEvaluator(new TypeEvaluator<PointF>() {
  356. @Override
  357. public PointF evaluate(float fraction, PointF startValue,
  358. PointF endValue) {
  359. //从0.0 --->> 1.0
  360. PointF point = new PointF();
  361. //这里是需要倒着来 最后要到达200 200 这个点
  362. float fractionNeed = 1 - fraction;
  363. if (flagX) {
  364. float vX = x - targetX;
  365. point.x = vX * fractionNeed + targetX;
  366. } else {
  367. float vX = targetX - x;
  368. point.x = x + vX * fraction;
  369. }
  370. if (flagY) {
  371. float vY = y - targetY;
  372. point.y = vY * fractionNeed + targetY;
  373. } else {
  374. float vY = targetY - y;
  375. point.y = y + vY * fraction;
  376. }
  377. return point;
  378. }
  379. });
  380. valueAnimator.addListener(new Animator.AnimatorListener() {
  381. @Override
  382. public void onAnimationStart(Animator animator) {
  383. }
  384. @Override
  385. public void onAnimationEnd(Animator animator) {
  386. handler.sendEmptyMessage(1);
  387. }
  388. @Override
  389. public void onAnimationCancel(Animator animator) {
  390. }
  391. @Override
  392. public void onAnimationRepeat(Animator animator) {
  393. }
  394. });
  395. valueAnimator.start();
  396. valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  397. @Override
  398. public void onAnimationUpdate(ValueAnimator animation) {
  399. PointF point = (PointF) animation.getAnimatedValue();
  400. float vX = point.x;
  401. float vY = point.y;
  402. //说明vx 最大值就是view原坐标
  403. if (flagX) {
  404. if (vX <= x && vX >= targetX) {
  405. view.setX(vX);
  406. }
  407. } else {//说明vx 最小值就是view原坐标
  408. if (vX >= x && vX <= targetX) {
  409. view.setX(vX);
  410. }
  411. }
  412. //说明vY 最大值就是view原坐标
  413. if (flagY) {
  414. if (vY <= y && vY >= targetY) {
  415. view.setY(vY);
  416. }
  417. } else {//说明vx 最小值就是view原坐标
  418. if (vY >= y && vY <= targetY) {
  419. view.setY(vY);
  420. }
  421. }
  422. }
  423. });
  424. }
  425. }