希望实现一个离墙屏幕并且用户可以触摸以移动它的墙(GridView？)

Question

期望的效果 我有一堆小图像,我想在"墙"上显示,然后让用户在任何方向投掷这个墙并选择一个图像.

最初的想法 作为一种可能的实现我在想一个比屏幕更大的GridView可以显示 - 但是使用这个小部件的所有例子都表明Gallery没有扩展到超出屏幕的大小.

问题 用于实现所需效果的最佳小部件是什么？代码示例将特别有益.

编辑... 如果有人的示例代码可以让我在"墙上"放置约30张图片(表格会很好),那么我会接受这个作为答案.请注意,"墙"看起来应该超出显示器的边缘,并允许用户使用手指将"墙"向上拖动到左下方.拖动应该处于"自由格式"模式.单击图像就可以选择它,并且可以检测到回调.我为这个解决方案创造了一笔赏金.

Answer 1

解决方案实际上很简单,但很痛苦.我必须在我最近做的一个程序中实现这一点.虽然你有一些棘手的事情需要解决.必须注意的是,不同的OS版本具有不同的体验.由于这种方法有时会对绘图产生不利影响,因此需要某些专业知识或用于解决这些问题.虽然我有一个工作副本,但我提供的代码并不适合所有人,并且受到代码中进行的任何其他更改或自定义的影响.

• 设置android:layout_width为wrap_content
• 设置android:layout_height为wrap_content
• 在你的代码中:
  • 确定您将拥有多少行.
  • 按行数划分项目数.
  • 添加gridView.setStretchMode(NO_STRETCH);
  • 添加gridView.setNumColumns(列数);
  • 添加gridView.setColumnWidth(明确的像素宽度);
• 要滚动:
  • 您可以简单地使用gridView.scrollBy()在你的onTouchEvent()

这些是步骤.所有这些都是必需的,以使其工作.关键是NO_STRETCH,具有特定宽度的明确列数.如果您需要澄清,可以提供更多详细信息.您甚至可以使用VelocityTracker或onFling来处理投掷.我已经启用了snappingToPage.使用此解决方案,甚至没有要求覆盖onDraw()或onLayout().这三行代码摆脱了对WebView或任何其他嵌入或嵌套的需求.

双向滚动也很容易实现.这是一个简单的代码解决方案:

1. 首先,在你的班级中,通过制作两个班级成员来开始跟踪X和Y的位置.还添加状态跟踪;

   // Holds the last position of the touch event (including movement)
   int myLastX;
   int myLastY;
   
   // Tracks the state of the Touch handling
   final static private int TOUCH_STATE_REST = 0;
   final static private int TOUCH_STATE_SCROLLING = 1;
   int myState = TOUCH_STATE_REST;
   

2. 其次,请务必检查滚动,这样您仍然可以单击或长按图像本身.

   @Override public boolean onInterceptTouchEvent(final MotionEvent ev)
   {//User is already scrolling something. If we haven't interrupted this already,
   // then something else is handling its own scrolling and we should let this be.
   // Once we return TRUE, this event no longer fires and instead all goes to 
   // onTouch() until the next TouchEvent begins (often beginning with ACTION_DOWN).
       if ((ev.getAction() == MotionEvent.ACTION_MOVE)
       &&  (myState != TOUCH_STATE_REST))
           return false;
   
   // Grab the X and Y positions of the MotionEvent
       final float _x = ev.getX();
       final float _y = ev.getY();
       switch (ev.getAction())
       {   case MotionEvent.ACTION_MOVE:
               final int _diffX = (int) Math.abs(_x - myLastX);
               final int _diffY = (int) Math.abs(_y - myLastY);
   
               final boolean xMoved = _diffX > 0;
               final boolean yMoved = _diffY > 0;
               if (xMoved || yMoved)
                  myState = TOUCH_STATE_SCROLLING;
               break;
           case MotionEvent.ACTION_DOWN:
           // Remember location of down touch
               myLastX = _x;
               myLastY = _y;
               break;
           case MotionEvent.ACTION_CANCEL:
           case MotionEvent.ACTION_UP:
               if (myState == TOUCH_STATE_SCROLLING)
               // Release the drag
                   myState = TOUCH_STATE_REST;
   
       }
       //If we are not At Rest, start handling in our own onTouch()
       return myState != TOUCH_STATE_REST;
   }
   

3. 在GridView知道您正在滚动之后,它会将所有触摸事件发送到onTouch.你在这里滚动吗？

   @Override public boolean onTouchEvent(final MotionEvent ev)
   {
       final int action = ev.getAction();
       final float x = ev.getX();
       final float y = ev.getY();
       final View child;
   
       switch (action) 
       {
           case MotionEvent.ACTION_DOWN:
               //Supplemental code, if needed
               break;
           case MotionEvent.ACTION_MOVE:
               // This handles Scrolling only.
               if (myState == TOUCH_STATE_SCROLLING)
               {
                   // Scroll to follow the motion event
                   // This will update the vars as long as your finger is down.
                   final int deltaX = (int) (myLastX - x);
                   final int deltaY = (int) (myLastY - y);
                   myLastX = x;
                   myLastY = y;
                   scrollBy(deltaX, deltaY);
               }
               break;
           case MotionEvent.ACTION_UP:
           // If Scrolling, stop the scroll so we can scroll later.
               if (myState == TOUCH_STATE_SCROLLING)
                   myState = TOUCH_STATE_REST;
               break
           case MotionEvent.ACTION_CANCEL:
           // This is just a failsafe. I don't even know how to cancel a touch event
                myState = TOUCH_STATE_REST;
       }
   
   return true;
   }
   

如果当然,此解决方案同时在X和Y处移动.如果您想一次只移动一个方向,则可以通过检查X和Y差异中的较大值来轻松区分.(即Math.abs(deltaX) > Math.abs(deltaY))下面是一个方向滚动的部分样本,但可以在X或Y方向之间切换.

3B.OnTouch()如果您想一次处理一个方向,请在您的内容中进行更改:

            case MotionEvent.ACTION_MOVE:
                if (myState == TOUCH_STATE_SCROLLING)
                {
                    //This will update the vars as long as your finger is down.
                    final int deltaX = (int) (myLastX - x);
                    final int deltaY = (int) (myLastY - y);
                    myLastX = x;
                    myLastY = y;

                    // Check which direction is the bigger of the two
                    if (Math.abs(deltaX) > Math.abs(deltaY))
                        scrollBy(deltaX, 0);
                    else if (Math.abs(deltaY) > Math.abs(deltaX))
                        scrollBy(0, deltaY);
                    // We do nothing if they are equal.
                }
                break;

FuzzicalLogic

Answer 2

A GridView可以具有超出屏幕大小的内容,但仅限于垂直方向.

问题:用于实现所需效果的最佳小部件是什么？
没有实现2D滚动的默认小部件(至少在3.0之前).它们都只实现1D(单向滚动).可悲的是,你的问题的解决方案并不那么容易.

你可以:

• 放置一个TableLayout自定义ScrollView类,并自己处理触摸事件.这将允许您进行适当的2D平移,但对于大型数据集不会那么好,因为没有视图回收
• GridView如果可能,修改以启用水平滚动功能(如果可以的话,可能是最好的解决方案)
• 尝试将一个TableLayout放入一个ScrollView(带layout_width="wrap_content)放入其中HorizontalScrollView- 虽然这可能有效,但它不是最佳解决方案
• 使用OpenGL执行某些操作并直接绘制到画布 - 这是默认的Gallery 3D应用程序执行它的"图片墙"的方式