菜单的屏幕外文本在滚动到视图时出现延迟 - WebView 问题？ (iOS)

Question

我的 iOS 应用程序中有一个大的向下钻取菜单。 菜单内容来源于 XML。 它存储在 SQLite 数据库中，并且正在使用 Webview。 为什么使用 Webview？ 因为文本具有样式（字体大小/颜色）。

问题出在这里：当您向下滚动菜单时，之前不在屏幕上的文本栏在 1/2 秒内仍然不可见。 他们需要一段时间来加载。 然后你再次向上滚动，被移出屏幕的最上面的项目现在也需要一些时间才能出现。

使用 WebView 时，有没有办法提高这种性能？ 有没有办法消除这种视觉加载时间？ 有没有我们应该考虑的方法？ 谢谢你的帮助。

Answer 1

您是否将 web 视图放入UITableView内？ 你真的不能那样做； 他们会互相争斗（这被明确记录为不支持）。

有两个主要解决方案：将程序的这一部分重新设计为 web 应用程序，或使用 Core Text 进行布局。 在单个UIWebView中完成所有工作要快得多，但需要在 JavaScript 和 Objective-C 之间移动，这很难开发和调试。 如果您是 go 这种方式，我一般建议您将 JavaScript 部件构建为“迷你应用程序”，您可以在 Safari 中开发和调试它，然后放入。

对于简单的布局，Core Text 并不太难。 如果您创建一个CFAttributedString ，那么您需要绘制一个非常简单的框架：

- (id)initWithFrame:(CGRect)frame {
  if ((self = [super initWithFrame:frame])) {
    CGAffineTransform 
    transform = CGAffineTransformMakeScale(1, -1);
    CGAffineTransformTranslate(transform, 
                               0,
                               -self.bounds.size.height);
    self.transform = transform;
    self.backgroundColor = [UIColor whiteColor];
  }
  return self;
 }

- (void)drawRect:(CGRect)rect {
  CGContextRef context = UIGraphicsGetCurrentContext();
  CGContextSetTextMatrix(context, CGAffineTransformIdentity);

  CGPathRef path = CGPathCreateWithRect(self.bounds, NULL);

  CFAttributedStringRef
  attrString = (__bridge CFTypeRef)self.attributedString;

  // Create the framesetter using the attributed string
  CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString(attrString);

  // Create a single frame using the entire string (CFRange(0,0))
  // that fits inside of path.
  CTFrameRef
  frame = CTFramesetterCreateFrame(framesetter,
                                   CFRangeMake(0, 0),
                                   path, 
                                   NULL);

  // Draw the frame into the current context
  CTFrameDraw(frame, context);

  CFRelease(frame);
  CFRelease(framesetter);
  CGPathRelease(path);
}

以及所需的插件：是的，我的书将包括 20 多页各种花哨的文本布局，主要使用 Core Text（今天刚刚完成该章）。 但是对于简单的东西，上面就足够了，只要你不需要剪切和粘贴。