草庐IT

android - 希望实现一堵离屏的墙(GridView?),用户可以触摸以移动它

coder 2023-06-08 原文

想要的效果 我有一堆小图像,我想在“墙上”显示,然后让用户向任何方向扔这面墙并选择一个图像。

初步构想 作为一种可能的实现,我认为 GridView 比屏幕可以显示的要大 - 但是使用此小部件的所有示例都表明 Gallery 不会超出屏幕的大小。

问题 用于实现所需效果的最佳小部件是什么? 一个代码示例会特别有用。

编辑... 如果有人有示例代码可以让我将大约 30 张图像放在“墙上”( table 会很好),那么我会接受它作为答案。请注意,“墙”应该看起来超出了显示器的边缘,并允许用户使用手指从左到右向上拖动“墙”。拖动应处于“自由形式”模式。在图像上单击即可将其选中,并且应可检测到回调。我为此解决方案创建了赏金。

最佳答案

解决方案其实很简单,但是很痛苦。我必须在我最近做的一个程序中完全实现这一点。不过,您必须解决一些棘手的问题。需要注意的是,不同的操作系统版本有不同的体验。由于绘图有时会受到这种方法的不利影响,因此需要某些专业知识或四处走动才能完成这项工作。虽然有一个工作副本,但我提供的代码并不适合所有人,并且受制于您的代码中所做的任何其他更改或自定义。

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

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

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

  1. 首先,在您的类(class)中,通过创建两个类(class)成员来开始跟踪 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知道你在滚动后,会将所有的Touch事件发送给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;

模糊逻辑

关于android - 希望实现一堵离屏的墙(GridView?),用户可以触摸以移动它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5918412/

有关android - 希望实现一堵离屏的墙(GridView?),用户可以触摸以移动它的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法? - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby - 使用 Vim Rails,您可以创建一个新的迁移文件并一次性打开它吗? - 2

    使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta

  3. ruby - 我可以使用 Ruby 从 CSV 中删除列吗? - 2

    查看Ruby的CSV库的文档,我非常确定这是可能且简单的。我只需要使用Ruby删除CSV文件的前三列,但我没有成功运行它。 最佳答案 csv_table=CSV.read(file_path_in,:headers=>true)csv_table.delete("header_name")csv_table.to_csv#=>ThenewCSVinstringformat检查CSV::Table文档:http://ruby-doc.org/stdlib-1.9.2/libdoc/csv/rdoc/CSV/Table.html

  4. ruby - 我可以使用 aws-sdk-ruby 在 AWS S3 上使用事务性文件删除/上传吗? - 2

    我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后,每个操作都应在S3上回滚。S3Object这可能吗?? 最佳答案 虽然S3API具有批量删除功能,但它不支持事务,因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST),因此每个上传操作都是通过一个独立的API调用完成的

  5. ruby - 如何根据特征实现 FactoryGirl 的条件行为 - 2

    我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征,我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现,但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden

  6. ruby - 有人可以帮助解释类创建的 post_initialize 回调吗 (Sandi Metz) - 2

    我正在阅读SandiMetz的POODR,并且遇到了一个我不太了解的编码原则。这是代码:classBicycleattr_reader:size,:chain,:tire_sizedefinitialize(args={})@size=args[:size]||1@chain=args[:chain]||2@tire_size=args[:tire_size]||3post_initialize(args)endendclassMountainBike此代码将为其各自的属性输出1,2,3,4,5。我不明白的是查找方法。当一辆山地自行车被实例化时,因为它没有自己的initialize方法

  7. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  8. ruby - 我可以将我的 README.textile 以正确的格式放入我的 RDoc 中吗? - 2

    我喜欢使用Textile或Markdown为我的项目编写自述文件,但是当我生成RDoc时,自述文件被解释为RDoc并且看起来非常糟糕。有没有办法让RDoc通过RedCloth或BlueCloth而不是它自己的格式化程序运行文件?它可以配置为自动检测文件后缀的格式吗?(例如README.textile通过RedCloth运行,但README.mdown通过BlueCloth运行) 最佳答案 使用YARD直接代替RDoc将允许您包含Textile或Markdown文件,只要它们的文件后缀是合理的。我经常使用类似于以下Rake任务的东西:

  9. ruby - 一个 YAML 对象可以引用另一个吗? - 2

    我想让一个yaml对象引用另一个,如下所示:intro:"Hello,dearuser."registration:$introThanksforregistering!new_message:$introYouhaveanewmessage!上面的语法只是它如何工作的一个例子(这也是它在thiscpanmodule中的工作方式。)我正在使用标准的ruby​​yaml解析器。这可能吗? 最佳答案 一些yaml对象确实引用了其他对象:irb>require'yaml'#=>trueirb>str="hello"#=>"hello"ir

  10. ruby - 可以通过多少种方法将方法添加到 ruby​​ 对象? - 2

    当谈到运行时自省(introspection)和动态代码生成时,我认为ruby​​没有任何竞争对手,可能除了一些lisp方言。前几天,我正在做一些代码练习来探索ruby​​的动态功能,我开始想知道如何向现有对象添加方法。以下是我能想到的3种方法:obj=Object.new#addamethoddirectlydefobj.new_method...end#addamethodindirectlywiththesingletonclassclass这只是冰山一角,因为我还没有探索instance_eval、module_eval和define_method的各种组合。是否有在线/离线资

随机推荐