Android 拖拽控件交换位置

最新推荐文章于 2024-05-16 18:33:39 发布
最新推荐文章于 2024-05-16 18:33:39 发布
阅读量5.1k 收藏 7
点赞数 6
分类专栏： Android 文章标签： Android 拖动 交换位置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36188774/article/details/79163087
版权

  距离上次写博客已快有一月，中间也动过几次写博客的心思，但却因为懒，耽搁了下来。                         --萧洛

  在网上搜寻了许久，实在是没有找到可用的demo，无奈只好自己写一个，鉴于个人也是新手，这个

demo确实也是在下耗费了一些时间，若需要转载请标明出处。好啦，废话不多说了，直接上图。

功能说明：当退拽的距离超过当前控件的一半

                                                

1.XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
    >
    <ImageView
        android:id="@+id/prettyBoy"
        android:clickable="true"
        android:src="@drawable/a"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:focusable="true"
        android:scaleType="fitXY"
        android:contentDescription="@string/todo"
        />
    <ImageView
        android:id="@+id/sunwukong"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:clickable="true"
        android:src="@drawable/b"
        android:scaleType="fitXY"
        android:focusable="true"
        android:contentDescription="@string/aprettyboy"/>

</LinearLayout>
   
   2.Java文件
  
package com.example.administrator.jiemiantest;

import android.app.Activity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class MainActivity extends Activity implements View.OnTouchListener{

    int screenWidth;
    int screenHeight;
    int lastX;
    int lastY;
    ImageView sunwukong;
    ImageView prettyBoy;
    boolean sunwukong_resetLeftFlag = false;
    boolean sunwukong_resetRightFlag = false;
    boolean prettyBoy_resetLeftflag = false;
    boolean prettyBoy_resetRightflag = false;
    int rightMove_flag ;
    int leftMove_flag;
    int dx;
    int dy;
    @Override
    public void onCreate(Bundle savedInstanceState)  {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        DisplayMetrics dm = getResources().getDisplayMetrics();
        screenWidth = dm.widthPixels;
        screenHeight = dm.heightPixels - 50;
        sunwukong = findViewById(R.id.sunwukong);
        sunwukong.setOnTouchListener(this);
        prettyBoy=findViewById(R.id.prettyBoy);
        prettyBoy.setOnTouchListener(this);

    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        // TODO Auto-generated method stub
        int action=event.getAction();
        Log.i("@@@@@@", "Touch:"+action);
        //Toast.makeText(DraftTest.this, "λ�ã�"+x+","+y, Toast.LENGTH_SHORT).show();
        switch(action){
            case MotionEvent.ACTION_DOWN:
                lastX = (int) event.getRawX();
                lastY = (int) event.getRawY();

                break;
            /**
             * layout(l,t,r,b)
             * l  Left position, relative to parent
             t  Top position, relative to parent
             r  Right position, relative to parent
             b  Bottom position, relative to parent
             * */
            case MotionEvent.ACTION_MOVE:
                 dx =(int)event.getRawX() - lastX;
                 dy =(int)event.getRawY() - lastY;

                int left = v.getLeft() + dx;
                int top = v.getTop() + dy;
                int right = v.getRight() + dx;
                int bottom = v.getBottom() + dy;
                if(left < 0){
                    left = 0;
                    right = left + v.getWidth();
                }
                if(right > screenWidth){
                    right = screenWidth;
                    left = right - v.getWidth();
                }
                if(top < 0){
                    top = 0;
                    bottom = top + v.getHeight();
                }
                if(bottom > screenHeight){
                    bottom = screenHeight;
                    top = bottom - v.getHeight();
                }
                v.layout(left, top, right, bottom);
                lastX = (int) event.getRawX();
                lastY = (int) event.getRawY();
                switch (v.getId()){
                    case R.id.sunwukong:
                        if(dx > 0){
                            if(sunwukong.getLeft() >=150 ){
                                if(300 == prettyBoy.getLeft()) {
                                    prettyBoy.layout(0, 0, 300, 300);
                                    Animation translateAnimation = new TranslateAnimation(300, 0, 0, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    rightMove_flag = 1;
                                }
                            }
                        }else{
                            if(sunwukong.getLeft()<=150){
                                if(0 == prettyBoy.getLeft()) {
                                    prettyBoy.layout(300, 0, 600, 300);
                                    Animation translateAnimation = new TranslateAnimation(-300, 0, 0, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    leftMove_flag = 1;
                                }
                            }
                        }
                        break;
                    case R.id.prettyBoy:
                        if(dx > 0){
                            if(prettyBoy.getLeft() >= 150){
                                if(300 ==sunwukong.getLeft()) {
                                    sunwukong.layout(0, 0, 300, 300);
                                    Animation translateAnimation = new TranslateAnimation(300, 0, 0, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    sunwukong.startAnimation(translateAnimation);
                                    rightMove_flag = 1;
                                }
                            }
                        }else{
                            if(prettyBoy.getLeft() <= 150){
                                if(0 == sunwukong.getLeft()) {
                                    sunwukong.layout(300, 0, 600, 300);
                                    Animation translateAnimation = new TranslateAnimation(-300, 0, 0, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    sunwukong.startAnimation(translateAnimation);
                                    leftMove_flag = 1;
                                }
                            }
                        }
                }
                break;
            case MotionEvent.ACTION_UP:

                        switch (v.getId()){
                            case R.id.sunwukong:
                                if(dx > 0){
                                    if(sunwukong.getLeft() <=150 ){
                                        sunwukong_resetLeftFlag =true;
                                    }
                                    if(sunwukong.getLeft()>=300){
                                        sunwukong_resetRightFlag = true;
                                    }
                            }else{
                                if(sunwukong.getLeft()>=150){
                                    sunwukong_resetRightFlag = true;
                                }

                            }
                                 if(1 == rightMove_flag){
                                     rightMove_flag = 0;
                                     int x1 = sunwukong.getLeft();
                                     int x2 = sunwukong.getTop();
                                     sunwukong.layout(300,0,600,300);
                                     Animation translateAnimation = new TranslateAnimation(x1-300, 0, x2, 0);
                                     translateAnimation.setFillAfter(true);
                                     translateAnimation.setDuration(600);
                                     sunwukong.startAnimation(translateAnimation);
                                     break;
                                 }
                                 if(sunwukong_resetLeftFlag){
                                     sunwukong_resetLeftFlag=false;
                                     int x1 = sunwukong.getLeft();
                                     int high = sunwukong.getTop();
                                     sunwukong.layout(0,0,300,300);
                                     Animation translateAnimation = new TranslateAnimation(x1, 0, high, 0);
                                     translateAnimation.setFillAfter(true);
                                     translateAnimation.setDuration(600);
                                     sunwukong.startAnimation(translateAnimation);
                                     break;
                                 }
                                 if(1 ==leftMove_flag){
                                     leftMove_flag =0;
                                     int x1 = sunwukong.getLeft();
                                     int x2 = sunwukong.getTop();
                                     sunwukong.layout(0,0,300,300);
                                     Animation translateAnimation = new TranslateAnimation(x1, 0, x2, 0);
                                     translateAnimation.setFillAfter(true);
                                     translateAnimation.setDuration(600);
                                     sunwukong.startAnimation(translateAnimation);
                                     break;
                                 }
                                 if(sunwukong_resetRightFlag){
                                     sunwukong_resetRightFlag = false;
                                     int x1 = sunwukong.getLeft();
                                     int x2 = sunwukong.getTop();
                                     sunwukong.layout(300,0,600,300);
                                     Animation translateAnimation = new TranslateAnimation(x1-300, 0, x2, 0);
                                     translateAnimation.setFillAfter(true);
                                     translateAnimation.setDuration(600);
                                     sunwukong.startAnimation(translateAnimation);
                                     break;
                                 }

                                break;
                            case R.id.prettyBoy:
                                if(dx > 0){
                                    if(prettyBoy.getLeft() <= 150){
                                        prettyBoy_resetLeftflag =true;
                                    }
                                    if(prettyBoy.getLeft() >= 300){
                                        prettyBoy_resetRightflag = true;
                                    }
                                }else{
                                    if(prettyBoy.getLeft() >= 150){
                                        prettyBoy_resetRightflag = true;
                                    }
                                }
                                if(1 == rightMove_flag){
                                    rightMove_flag = 0;
                                    int x1 = prettyBoy.getLeft();
                                    int x2 = prettyBoy.getTop();
                                    prettyBoy.layout(300,0,600,300);
                                    Animation translateAnimation = new TranslateAnimation(x1-300, 0, x2, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    break;
                                }
                                if(prettyBoy_resetLeftflag){
                                    prettyBoy_resetLeftflag=false;
                                    int x1 = prettyBoy.getLeft();
                                    int high = prettyBoy.getTop();
                                    prettyBoy.layout(0,0,300,300);
                                    Animation translateAnimation = new TranslateAnimation(x1, 0, high, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    break;
                                }
                                if(1 ==leftMove_flag){
                                    leftMove_flag =0;
                                    int x1 = prettyBoy.getLeft();
                                    int x2 = prettyBoy.getTop();
                                    prettyBoy.layout(0,0,300,300);
                                    Animation translateAnimation = new TranslateAnimation(x1, 0, x2, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    break;
                                }
                                if(prettyBoy_resetRightflag){
                                    prettyBoy_resetRightflag = false;
                                    int x1 = prettyBoy.getLeft();
                                    int x2 = prettyBoy.getTop();
                                    prettyBoy.layout(300,0,600,300);
                                    Animation translateAnimation = new TranslateAnimation(x1-300, 0, x2, 0);
                                    translateAnimation.setFillAfter(true);
                                    translateAnimation.setDuration(600);
                                    prettyBoy.startAnimation(translateAnimation);
                                    break;
                                }
                                break;
                        }
                break;
        }

        return false;
    }
}


简述：

1.中间有些东西为了方便，就直接写数字了。 在这个分辨率里面，100dp = 300px。

2.TranslateAnimation（），第一个参数的意思是动画开始的点离当前view的x坐标上的差值，第二参数的意思
是动画结束点离当前view x坐标的差值。

3.代码中的动画逻辑是，先设置位置，然后再将动画效果显示。这一点的话，需要自己理解实际位置和动画效果
之后的位置的关系，简 单来说的话就是，View动画不会改变控件的实际位置，该在哪里还是在哪里。

4.主逻辑是，点击的是哪张图片，接着判断是左移还是右移，然后再判断移动的距离是否达到交换控件位置的
距离，达到的 话就交换，反之则返回原位置。

5.写代码的时候最容易出现的就是在actionmove里面的逻辑错误。
    
最后呢，附上源码地址。
      

   


CTWBP萧洛
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 移动imageview,使用平移animation将ImageView从当前位置移动到固定位置
weixin_42411715的博客
05-27 1187
“平移animation”控制布局或按钮的位置和位置，或者应用animation的任何视图。 它可以在x方向或y方向上移动对象。句法 ：TranslateAnimation transAnimation= new TranslateAnimation(fromXposition, toXPosition, fromYPosition, toYPosition);fromXposition – an...
Android 布局控件摆放位置
BoBrother的博客
05-14 7080
&lt;!--android:layout_above 将该控件的底部至于给定ID的控件之上android:layout_below 将该控件的顶部至于给定ID的控件之下android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐android:layout_alignBa...
最简单的android拖拽交换view
u010111268的专栏
04-19 1796
简单说两句背景, 最近项目需要用拖拽的操作方式切换视图块位置,实现业务需求.一开始我用recyclerView+ItemTouchHelper实现了列表和Grid列表拖拽切换item(排序),但是发现不够灵活适应业务需求,或者说满足不了需求吧,就查了下资料发现android view本身已经自带拖拽function了,包括启动拖拽,监听拖拽等,都很齐全的支持了,所以就照着这些function的文档...
Android自定义View控件，实现拖动和位置调换
于大博
08-23 1220
自定义MediaView控件继承View，实现拖动位置调用功能 重写draw方法和touch方法 package com.example.media; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.gr...
2024年最全Android自定义可拖拽的悬浮按钮---DragFloatingActionButton，2024年最新秋招面试常见问题
最新发布
2401_84556528的博客
05-16 489
各行各样都会淘汰一些能力差的，不仅仅是IT这个行业，所以，不要被程序猿是吃青春饭等等这类话题所吓倒，也不要觉得，找到一份工作，就享受安逸的生活，你在安逸的同时，别人正在奋力的向前跑，这样与别人的差距也就会越来越遥远，加油，希望，我们每一个人，成为更好的自己。BAT大厂面试题、独家面试工具包,资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter。
Andorid 属性动画 ObjectAnimator 从一个控件位置平移缩放到另一个控件位置
u013624014的博客
10-18 2622
private void translateScaleAnim(ImageView imageView, FrameLayout frameLayout, long duration) { AnimatorSet animatorSet = new AnimatorSet(); //平移动画 ObjectAnimator translationX = ObjectAnimator.ofFloat(imageView, "translationX", 0, f.
Android对换两个位置思路
qq_36487432的博客
06-05 2357
翻看老代码的时候发现了一个很奇怪的需求，点击对调两个view的位置，原先的实现思路是放了两个父布局，然后通过addview和removeview来实现更换位置的效果，嗯嗯，换个思路试试。 这是一个非常简单的示意图，直接上代码。 DisplayMetrics dm = getResources().getDisplayMetrics(); screenWidth = dm.wid...
RecycleView实现拖拽交换item位置
mChenys的博客
02-16 8889
老规矩,先来一张效果图:相比起ListView而言,RecycleView实现拖拽交换位置的效果要简单很多,因为通过SDK中的ItemTouchHelper工具类可以轻松的实现这种效果,并且一套代码支持所有布局方式;而ListView的话则需要通过生成View的缓存镜像设置到ImageView中,然后通过WindowManager来操作该ImageView,具体怎么实现这里就不展开讲解了.回归到It
android 设置坐标,android – 将View从一个坐标设置为另一个坐标的正确方法是什么？...
weixin_35682020的博客
05-25 350
所以,事实证明这比我想象的要简单得多.我创建了一个全屏的RelativeLayout,我只在动画发生时显示.我得到了这个埋头按钮的起始位置(在Java中看到这些C风格的编码机制很有趣,这些日子非常罕见：int fromLoc[] = new int[2];v.getLocationOnScreen(fromLoc);float startX = fromLoc[0];float startY = ...
Android中获取控件的位置
zwyAndroid的博客
07-20 2653
getLocationOnScree：计算该视图在全局坐标系中的x，y值，（注意这个值是要从屏幕顶端算起，也就是索包括了通知栏的高度）//获取在当前屏幕内的绝对坐标 getLocationInWindow ：计算该视图在它所在的widnow的坐标x，y值，//获取在整个窗口内的绝对坐标 (不是很理解= =、) getLeft , getTop, getBottom,getRigh
Android拖拽交换控件
07-02
本文将详细讲解如何实现一个简单的拖拽交换控件的功能，类似于Android手机应用快捷方式的拖拽交换效果。 首先，我们需要了解Android中的触摸事件处理机制。在Android中，触摸事件主要通过`MotionEvent`类来传递，...
Android使用RecycleView实现拖拽交换item位置
08-29
"Android 使用RecycleView 实现拖拽交换item位置" 在 Android 开发中，实现拖拽交换item位置是一个非常常见的需求，特别是在使用 RecycleView 的时候。今天，我们将详细介绍如何使用 RecycleView 实现拖拽交换item...
Android 水平拖动交换位置组件
10-11
在Android开发中，实现水平拖动交换位置的组件可以极大地提升用户体验，特别是在处理列表或网格数据时。"Android 拖动交换组件"通常是指能够允许用户通过手指滑动来改变视图元素顺序的一种交互设计。这样的功能在很...
Android拖拽的控件
07-09
在本篇中，我们将深入探讨如何在Android中实现拖拽的控件。 首先，我们需要了解Android中的拖放机制。Android系统提供了一个DragShadowBuilder类，用于创建拖放过程中控件的阴影效果。同时，我们还需要监听ACTION_...
Android实现TextView后面跟控件(如imageview)，随TextView长度变化移动
冬日-雪的博客
05-28 3140
在开发中遇见在TextView后面跟着一个控件（如imageview，后面都统称imageview），imageview紧跟着TextView后面，TextView为单行超出省略，随着TextView长度变化而变化。如下图（没截图，用表格代替）： 测试测试测试测试测试测试测试测试测试测试测试测试测试测试... 控件 测试测试测试测试测试测试测控件 直接上代码 布局文件： ...
把ImageView放到控件右上角并超出控件的两种实现方式
gongziwushuang的博客
08-18 7372
把ImageView放到控件右上角并超出控件的两种实现方式效果图一安卓交流群里有个程序猿放出这样一张图，问怎么按钮放到图示里的位置，群里七嘴八舌的说了几种办法，但实现起来比较麻烦，于是我就向他分享了我的想法，实现起来也相当简单，于是就分享给大家 公司要求图片
Android View拖动至任意位置（ImageView，VideoView等）
aierJun禁戒的地平线
12-21 1551
思想：想要实现拖动至任意位置，主要的是重写手指触摸事件，考虑的逻辑想法是触摸的位置和View的位置关系。代码如下：1.onTouchEvent @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub final int X = (int) even
Android实现View的任意拖动
热门推荐
Blog for 明月依希
04-20 1万+
安卓实现View的拖曳有几种方法，都不外乎改变View的坐标，并且重绘，于是，只要能够改变之就可以。 可以自定义View，重写OnTouchEvent(MotionEvent event)，可以在Activity 的onTouch()方法中监听手指在屏幕上的位置变化实现，也可以设置View的OnTouch监听。 自定义View的方式： import android
android 拖拽交换位置
03-29
Android 拖拽交换位置可以通过自定义 RecyclerView.ItemTouchHelper.Callback 来实现。具体步骤如下： 1. 自定义 RecyclerView.ItemTouchHelper.Callback 类，并重写以下方法： - onMove()：返回 true 表示可以移动 item，保存被移动的 item 和目标位置的 item，然后交换它们的位置。 - onSwiped()：返回 true 表示可以滑动 item，不做任何操作即可。 - getMovementFlags()：返回可以支持的移动和滑动方向。 2. 在 RecyclerView 中调用 ItemTouchHelper.attachToRecyclerView() 方法，将自定义的 ItemTouchHelper.Callback 作为参数传入。 3. 在 RecyclerView.Adapter 中实现自定义的 ItemTouchHelper.Adapter 接口，并重写以下方法： - onItemMove()：交换被移动的 item 和目标位置的 item。 - onItemDismiss()：不做任何操作即可。 示例代码如下： ``` public class ItemTouchHelperCallback extends ItemTouchHelper.Callback { private final ItemTouchHelperAdapter mAdapter; public ItemTouchHelperCallback(ItemTouchHelperAdapter adapter) { mAdapter = adapter; } @Override public boolean isLongPressDragEnabled() { return true; } @Override public boolean isItemViewSwipeEnabled() { return false; } @Override public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN; int swipeFlags = 0; return makeMovementFlags(dragFlags, swipeFlags); } @Override public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) { mAdapter.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition()); return true; } @Override public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) { // do nothing } public interface ItemTouchHelperAdapter { boolean onItemMove(int fromPosition, int toPosition); void onItemDismiss(int position); } } ``` ``` public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements ItemTouchHelperCallback.ItemTouchHelperAdapter { private List<String> mData; public MyAdapter(List<String> data) { mData = data; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_view, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { holder.mTextView.setText(mData.get(position)); } @Override public int getItemCount() { return mData.size(); } @Override public boolean onItemMove(int fromPosition, int toPosition) { Collections.swap(mData, fromPosition, toPosition); notifyItemMoved(fromPosition, toPosition); return true; } @Override public void onItemDismiss(int position) { // do nothing } public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ViewHolder(View view) { super(view); mTextView = view.findViewById(R.id.text_view); } } } ``` ``` public class MainActivity extends AppCompatActivity { private RecyclerView mRecyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mRecyclerView = findViewById(R.id.recycler_view); mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); List<String> data = new ArrayList<>(); for (int i = 1; i <= 100; i++) { data.add("Item " + i); } MyAdapter adapter = new MyAdapter(data); ItemTouchHelperCallback callback = new ItemTouchHelperCallback(adapter); ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback); itemTouchHelper.attachToRecyclerView(mRecyclerView); mRecyclerView.setAdapter(adapter); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值