如何在视图寻呼机上拖动浮动操作按钮

时间:2016-02-26 19:00:32

标签: android android-fragments android-viewpager floating-action-button onlongclicklistener

在这里,我有一个由多个片段共享的视图寻呼机,它们都包含在TABLayout中,如下所示

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">

    <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="#006699"
    android:titleTextColor="#FFFFFF"
    app:popupTheme="@style/AppTheme.PopupOverlay" />

    <android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:background="#006699"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>

<android.support.design.widget.FloatingActionButton
android:id="@+id/order_icon"
android:layout_width="59dp"
android:layout_height="59dp"
android:visibility="visible"
android:layout_gravity="right|bottom"
app:layout_anchor="@id/pager"
app:layout_anchorGravity="bottom|right|end"
android:src="@drawable/order_icon"
android:layout_alignBottom="@+id/pager"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />

</RelativeLayout>

FAB由所有片段共享。我想在FAB上添加一个onLongClicklistener,我可以通过它在布局上拖动按钮(包括viewPager)。 我使用onTouchListener和MotionEvent对象完成了上述任务。 但是,我无法使用拖放API(在释放拖动按钮后,按钮消失)。

以下是代码:

    orderIcon = (FloatingActionButton)findViewById(R.id.order_icon);
    orderIcon.setTag(IMAGEVIEW_TAG);
    // Sets a long click listener for the ImageView
    orderIcon.setOnLongClickListener(new View.OnLongClickListener() {
     @Override
     public boolean onLongClick(View v) {
         ClipData.Item item = new ClipData.Item((CharSequence) v
                 .getTag());
         String[] mimeTypes = { ClipDescription.MIMETYPE_TEXT_PLAIN };
         ClipData clipData = ClipData.newPlainText("", "");
         View.DragShadowBuilder myShadow = new View.DragShadowBuilder(view);                    

         // Starts the drag
         v.startDrag(clipData,myShadow,null,0);
         return true;
       }
       });
       orderIcon.setOnDragListener(new View.OnDragListener() {
       @SuppressLint("NewApi")
       @Override
       public boolean onDrag(View v, DragEvent event) {
         switch (event.getAction()) {
             case DragEvent.ACTION_DRAG_STARTED:
                 owner = (ViewGroup) v.getParent();
                 owner.removeView(v);

                 Log.d(msg, "Action is DragEvent.ACTION_DRAG_STARTED");
                 break;
             case DragEvent.ACTION_DRAG_ENTERED:
                 Log.d(msg, "Action is DragEvent.ACTION_DRAG_ENTERED");
                 float x = (int) event.getX();
                 float y = (int) event.getY();
                 break;
             case DragEvent.ACTION_DRAG_EXITED:
                  Log.d(msg, "Action is DragEvent.ACTION_DRAG_EXITED");
                  x = (float) event.getX();
                  y = (float) event.getY();
                  v.setX(x);
                  v.setY(y);
                  owner.addView(v);
                  v.setVisibility(View.VISIBLE);
                  break;
             case DragEvent.ACTION_DRAG_LOCATION:
                 Log.d(msg, "Action is DragEvent.ACTION_DRAG_LOCATION");

                 break;
             case DragEvent.ACTION_DRAG_ENDED:
                 Log.d(msg, "Action is DragEvent.ACTION_DRAG_ENDED");


                 break;
             case DragEvent.ACTION_DROP:
                 Log.d(msg, "ACTION_DROP event");
                 break;
             default:
                 break;
           }
         return true;
        }
     });

任何回复都将受到高度赞赏。提前谢谢。

2 个答案:

答案 0 :(得分:9)

试试这个,

1)声明变量。

fab = (FloatingActionButton) findViewById(R.id.floatingActionButton);

2)在java类中获取视图,

fab.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent event) {
                switch (event.getActionMasked()) {
                    case MotionEvent.ACTION_DOWN:
                        dX = view.getX() - event.getRawX();
                        dY = view.getY() - event.getRawY();
                        lastAction = MotionEvent.ACTION_DOWN;
                        break;
                    case MotionEvent.ACTION_MOVE:
                        view.setY(event.getRawY() + dY);
                        view.setX(event.getRawX() + dX);
                        lastAction = MotionEvent.ACTION_MOVE;
                        break;
                    case MotionEvent.ACTION_UP:
                        if (lastAction == MotionEvent.ACTION_DOWN)
                            Toast.makeText(this, "Clicked!", Toast.LENGTH_SHORT).show();
                        break;    
                    default:
                        return false;
                }
                return true;
            }
        });

3)然后为您的视图编写以下代码,

middleware

答案 1 :(得分:0)

试试这个,我编辑了上面的答案中的代码

fab.setOnTouchListener(new View.OnTouchListener() {
        float dX;
        float dY;
        float startX;
        float startY;
        int lastAction;
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getActionMasked()) {
                case MotionEvent.ACTION_DOWN:
                    dX = v.getX() - event.getRawX();
                    dY = v.getY() - event.getRawY();
                    startX = event.getRawX();
                    startY = event.getRawY();
                    lastAction = MotionEvent.ACTION_DOWN;
                    break;
                case MotionEvent.ACTION_MOVE:
                    v.setY(event.getRawY() + dY);
                    v.setX(event.getRawX() + dX);
                    lastAction = MotionEvent.ACTION_MOVE;
                    break;
                case MotionEvent.ACTION_UP:
                    if (Math.abs(startX - event.getRawX()) < 10 && Math.abs(startY - event.getRawY()) < 10){
                        Toast.makeText(v.getContext(), "Clicked!", Toast.LENGTH_SHORT).show();

                    }
                    break;
                default:
                    return false;
            }
            return true;


        }
    });