ios - Foodspotting 中的界面设计
<p><p>在 Foodspotting 应用上，您有一个包含两个元素的 ScrollView :</p>
<p>1) 一张图片。</p>
<p>2) 下面的一些信息。</p>
<p>像这样:</p>
<p> <img src="/image/86LH2.jpg" alt="enter image description here"/> </p>
<p>当您开始向下滚动时，<code>UITableView</code> 的行为并不自然，或者至少我不理解它。下面的 View 开始向上并与上面的 <code>UIImageView</code> 重叠:</p>
<p> <img src="/image/vIKwo.png" alt="enter image description here"/> </p>
<p>最后:</p>
<p> <img src="/image/SXer7.png" alt="enter image description here"/> </p>
<p><strong>我尝试过的:</strong></p>
<p>1) 使用前四个无内容且不可见的单元格，最后使用 <code>UIImageView</code> 作为 <code>UITableView</code></p> 的 subview
<p>2) 同上，但使用 <code>UIImageView</code> 作为 Root View 的 subview ，在 <code>UITableView</code> 下方。</p>
<p>3) 将 <code>UITableView</code> 和 <code>UIScrollView</code> 与 UIScrollView 内的 <code>UIImageView</code> 混合。</p>
<p>所以我的问题是，这是如何实现的？ </p>
<hr/>
<p><strong>编辑 1.0</strong></p>
<p>如果有人想尝试，可以查看项目<a href="https://www.dropbox.com/sh/ytgbbyf1frfymws/b_P3ESfh9q" rel="noreferrer noopener nofollow">here</a> . </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>在我看来就像一个 <code>UIViewController</code>，底部有一个 <code>UIImageView</code>。</p>
<p>然后是一个 <code>UITableView</code> 在上面(分组的表格 View )，具有透明背景。</p>
<p>然后将标题高度设置为几乎整个 View 的高度。在标题底部附近有一个按钮(或任何其他按钮)。</p>
<p>您可以访问 <code>scrollView:didScroll</code> 来调整 UIImageView 在背景中的位置(看起来图像的中心点总是在标题可见部分的中间位置。</p>
<pre><code>bgImageView.center = CGPointMake(0, (bgImageView.frame.size.height - scrollView.offset.y) * 0.5);
</code></pre>
<p>或类似的东西。</p>
<p>显然 ImageView 不会比顶部移动得更远，所以你必须以某种方式捕捉它。</p></p>
<p style="font-size: 20px;">关于ios - Foodspotting 中的界面设计，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/13601033/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/13601033/
</a>
</p>
页:
[1]