65.9K
CodeProject 正在变化。 阅读更多。
Home

启用视图滚动以允许显示多个元素 #iOS

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.10/5 (5投票s)

2014年5月6日

CPOL

3分钟阅读

viewsIcon

18482

downloadIcon

84

本技巧演示了如何在 iOS 中为视图添加滚动功能,以便在屏幕上显示多个无法在一个屏幕内显示的元素。

引言

您好,

在这篇文章中,我将展示如何在 iOS 中启用特定视图的滚动。也就是说,假设您需要在视图中添加许多元素,而这些元素无法在一个手机屏幕上显示。在这种情况下,就需要为视图添加滚动功能。

默认情况下,视图将具有固定高度(屏幕的高度)。但大多数情况下,需要向视图添加的 UI 元素太多,例如文本框、标签等。

因此,为了做到这一点,我们需要遵循以下 5 个步骤:

  1. 移除需要滚动的视图的视图控制器的自动布局。
  2. 将 View 的“Size”属性设置为“Freeform”。
  3. 将视图的高度增加到所需尺寸。
  4. 向视图添加一个滚动视图。
  5. !important 启用滚动到滚动视图并设置其尺寸。
上述步骤通过屏幕截图显示如下

1. 移除需要滚动的视图的视图控制器的自动布局

首先,在故事板中点击视图控制器来选择它,然后取消选中右侧的复选框。

2. 将 View 的“Size”属性设置为“Freeform”

在“属性检查器”中,在 Simulated Metrics(模拟指标) 部分,将 Size(大小) 属性的值更改为 Freeform(自由形式)

3. 将视图的高度增加到所需尺寸

需要注意的是,在将大小更改为Freeform(自由形式)之前,视图的尺寸将被禁用,如下所示

将大小更改为“Freeform(自由形式)”后,我们可以看到尺寸已启用更改,如下所示。

根据需要增加 Height(高度)元素的值并按 Enter 键。 这将使视图更改大小。 示例显示如下。

4. 向视图添加一个滚动视图

从对象库中,将一个滚动视图拖放到视图上。 默认情况下,它将占据视图的整个空间。根据需要调整其大小。

5. 启用滚动到滚动视图并设置其尺寸

此步骤非常重要,需要完成才能为视图启用滚动。 我们必须为滚动视图添加一个出口,并在实现中合成它。 这是为了让我们自己可以引用滚动视图,以便以编程方式启用滚动并设置其尺寸。 步骤如下所示。

现在,启用滚动并设置尺寸。 示例代码如下所示

现在,所有必要的步骤都已完成。 唯一需要做的事情是将元素添加到屏幕上并运行它。 为了这篇文章的目的,我随机地将一些元素拖到视图上并运行应用程序。

现在,运行应用程序并验证已启用滚动。

我已在此处上传了示例项目。 如果可以进行任何更改或改进,请告诉我。

希望这有帮助!

© . All rights reserved.