如何在 XCode 中将图像和文本放在相同的布局中

Question

这是我的第一篇文章。如何将文本和图像添加到应用程序。我只制作了一个基于图像、文本和按钮的应用程序，并且已经为 android 制作了它，如下图所示。我现在正在尝试在 iOS 中执行此操作，但我无法在文本之后再放置图像。

在 android 中，我能够将多个 ImageView 和 TextViews 放入滚动布局中，但我无法在 Storyboard Xcode 4.5/4.6 中执行此操作。

如果您能给我一些简单的想法来修复在 iPhone 和 iPad 的 Xcode 中重现相同样式的布局，那就太好了。我不熟悉Xcode，所以如果可以轻松解决这个问题，请您帮忙。

我希望能够制作一个包含许多文本行和图像的长滚动页面，正如您可能已经从下图了解的那样。

提前致谢

抱歉，无法发布图片。可以重试或发布网站链接。

Answer 1

1. 您需要创建一个 UIScrollView -> 使用框架初始化 UIScrollView 并将其添加到您的应用中，设置滚动视图的内容大小。

2. 为文本创建 UILabel。 -> 使用框架和文本初始化 UILabel，作为子视图添加到滚动视图中。

3. 为图像创建 UIImageView -> 使用框架和图像初始化 UIImageView，作为子视图添加到滚动视图中。

通常，如果您以编程方式执行此操作，则仅此而已。

一些代码（未经测试）：

UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, width, height)];

UILabel *label1 = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 50, 100)];
label1.text = @"label1";
[scrollView addSubview:label1];

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 100, 300, 500)];
imageView.image = [UIImage imageNamed:@"imagename.png"];
[scrollView addSubview:imageView];

scrollView.contentSize = CGSizeMake(scrollView.frame.size.width, label1.frame.size.height+imageView.frame.size.height);
[self.view addSubview:scrollView];

ps：如果你想用 nib 做，我可以给你找一些截图。