iPhone 的 UIView 的自定义滚动条（让长滚动不那么糟糕）

Question

在一篇文章中，在iPhone Not Suck，Aza Raskin 描述了一种替代滚动条控件，该控件更适合在很长的页面上浏览：

滚动条“保留一段时间”来激活它并不重要；我只需沿着 iPhone 屏幕的右边缘滑动即可抓住滚动条手柄。这个想法是，如果我将手柄在物理屏幕上向下拖动 3/4，我就会在页面上向下拖动 3/4。

Dropbox iPhone 应用程序（顺便说一句，这太棒了！） 正是针对长 PDF 文档提供了这种滚动条。常规滚动是通过拖动手柄以外的任意位置来完成的；拖动手柄会将视图移动到该位置。这似乎是“从头开始”实现的，因为我认为 SDK 不够灵活，无法自定义现有滚动条的行为。

然而，Dropbox 使用本机文档查看器在 iPhone 上显示文档，因此他们以某种方式为其添加了滚动条功能。看到滚动条手柄了吗？您可以将其拖动以快速到达文档中的其他位置。

这个概念非常类似于 UITableView 中索引栏的工作方式（即联系人.应用程序）；索引在表格右侧显示为条形（例如，“a”到“z”），您可以触摸特定标签以跳转到目标部分。然而，在这种情况下，很长的页面没有部分，它应该适用于通用滚动，而不是跳转到部分。

那么我该如何实现这种滚动方法呢？我正在寻找一般想法和具体实施细节。我也对是否存在开源实现感兴趣（这似乎是一个通用问题/解决方案）。

Answer 1

可能有一个开源实现。我一个也不知道。也许可以向 Dropbox 开发人员发送电子邮件？

不管怎样，我这样做的方式是：

@interface UICustomisedScrollView : UISCrollView
{
    BOOL showingScroller;
    UIView scroller; //Customise this, either in IB or in viewDidLoad
}

@implementation UICustomisedScrollView

- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view {
    showingScroller = !showingScroller;
    if(showingScroller)
        scroller.hidden = NO;
    else
        scroller.hidden = YES;
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    if(showingScroller) {
        if(/*the touch is on the scroller*/) {
             /* scrollview.setContentOffset(...) we want to scroll according to how much the user scrolls here */
        }
        //move scroller.frame.origin to where the touch is.
    }
}

我猜这不会太难......但我还没有测试上面的代码。无论如何，这就是总体思路=）

Answer 2

尝试使用 UIPanGestureRecognizer。在您的操作中，可以使用 locationInView 来确定用户触摸的点。当状态为 UIGestureRecognizerStateBegan 且距离视图侧面足够近时执行此操作，实现快速滚动。否则，实施慢速滚动。

Answer 3

总体思路：

我抓住了 dropbox 应用程序（非常棒）并尝试了一下。看起来 pdf 查看需要一些照片应用程序的功能，因为除了支持滚动条之外，它还会有条件地在触摸时显示半透明的导航栏和工具栏。我很确定发生的事情是他们有一个自定义视图控制器拦截触摸并做出相应的反应。

触摸时：

1. 如果是点击，则显示/隐藏
   导航栏和工具栏。
2. 如果它打开了
   洗涤器，开始跟踪
   触摸并滚动
   滚动视图/网络视图（无论它们是什么
   显示与）。我确信
   滚动很简单，比如
   scrollView.contentOffset =
CGPointMake(0, (scrubber.y / [UIScreen 主屏幕].bounds.size.height) *
滚动视图.contentSize.高度）。 3)
3. 否则，将触摸传递给
   封闭视图。

PDF 显示可能还有其他隐藏的魔力（我从来没有在 cocoa touch 中做过），但有些东西告诉我这是他们的基本过程。

Answer 4

我不知道有任何特定于 iPhone 的解决方案，但这是 Flash 开发领域中一个古老且广为人知的话题……您可能可以从该领域提取大量伪代码。

如果您知道窗口的高度、内容的高度以及内容的当前偏移量（您知道），那么您就拥有创建自定义 UIView 所需的所有工具，该 UIView 可以用作触摸响应滑块。然后将其绘制在默认滚动条上。