跨布局拖动控件效果

在网上找了很多,没有找到这种效果,项目中要用到。自己实现了一套,先看效果图:

需求:把不同的键位拖动一起形成确定一个组合和位置。再把键位信息传给手柄。

分析:键位这部分有两种切换。这个都都好实现,使用ScrollView ,ListView或者RecylcerView都可以实现。

主要难点就在于,怎么把控件从,listview里面拖出来放到外面的主布局里面.

上来就遇到了问题:1.当拖到listview边界时怎么处理,2.滑动事件怎么处理,scollview的滑动事件,怎么跳到主布局里面去 .....

可以拖动到任何位置


点击清空键位回到原来的位置


自定义组合键位


想想那种方式似乎实现不了,又想到的是使用Popuwindow和WindowManager这样的。直接在界面生成一个view,不受布局限制。点击某个item的时候,add一个在界面上,手指移动的时候不断改变他的坐标点。想想就激动,这好像挺简单的,马上就可以实现,下个早班了,呵呵^_^。


太恼火了

太恼火了,当我做完,准备关机走人的时候老板来玩了一下,当拖动两个以上出来 ,再进行二次拖动的时候问题出来了。这的所在事件都还在第一add的身上。几个组合键位上百个按钮,难道今天晚上要通宵了吗。可是我还没有其它的更好思路啊,还是在这个基础上解决问题吧,不断的打输出日志,打断点最后认为WindowManger不能用来解决这个问题。

理想很丰满,现实很骨感。思路决定出路,格局决定结局。往往很问题是我们自己想的太复杂了,搞这些高级控件。就像我做圆形图片一样,老想怎么把它变圆,而没有想到用一张圆形图和他叠加在一起,让人眼只看到圆的那一部分。还不如直接布局里面加控件,Layout不是有addView方法嘛你添加进去的每一个控件,他一定是有事件的。而每当按下scrollview里面一个item的时候,先隐藏它再到他相同的位置add一个view而这个view就是在最上层,这样就更好实现拖动事件处理了。也更好做还原了remove掉这个view 再到scollview里面把那个item显示出来。

不知道还有没有更好实现的方式,欢迎大家指正,讨论。

也坑,这种模式尽然插入不了代码

按scollview里面item的时候 addview就加事件:

private FrameLayoutinitFloatButton(Drawable resource, View v) {

         floatButtona =new Button(MainActivity.this);

         floatButtona.setOnTouchListener(this);

         return floatButton;

    }

首次移动的时候用scollview里面的touch,因为你按住不动事件还在scollview身上

scrollViewChangGui.setOnTouchListener(new View.OnTouchListener() {

@Override

    public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()) {

            case MotionEvent.ACTION_MOVE:

float x = event.getRawX();

.... 

RelativeLayout.LayoutParams layoutParams =new RelativeLayout.LayoutParams(rW, rH);

                        layoutParams.leftMargin = (int) (x );

                        layoutParams.topMargin = (int) (y);

                        listFa.get(listFa.size() -1).setLayoutParams(layoutParams);

                    }

}

            break;

            case MotionEvent.ACTION_UP:

                     isUp =false;  scrollEnable =false;

            break;

        }

         return scrollEnable;

    }

});

再次移动的时候,事件就在每个添加进来的view自己身上了,

case MotionEvent.ACTION_MOVE:

final float xDistance = event.getX() -downX;

    final float yDistance = event.getY() -downY;

    if (xDistance !=0 && yDistance !=0) {

int l = (int) (v.getLeft() + xDistance);

        int r = (int) (v.getRight() + xDistance);

        int t = (int) (v.getTop() + yDistance);

        int b = (int) (v.getBottom() + yDistance);

        RelativeLayout.LayoutParams layoutParams =new RelativeLayout.LayoutParams(102, 102);

        layoutParams.leftMargin = l;

        layoutParams.topMargin = t;

        v.setLayoutParams(layoutParams);

break;

    }

代码地址:

你可能感兴趣的:(跨布局拖动控件效果)