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

Posted 2023-03-16

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

【英文标题】：How do I put images and text in the same layout in XCode

【发布时间】：2013-01-30 11:15:16

【问题描述】：

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

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

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

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

提前致谢

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

【问题讨论】：

“图片+文字”——应该是一个按钮吧？

您可以添加多个 UIImageView 并在 UISCrollView 中添加所有子视图来解决您的问题

您好，我试过滚动视图并尝试在其中放置许多文本和图像视图，但它在模拟器中不起作用。

另外，我没有尝试制作按钮。这不允许我提交图像，否则会更容易

【参考方案1】：

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

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

为图像创建 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 做，我可以给你找一些截图。

【讨论】：

感谢您的回复。但是由于我是 Xcode 的新手，所以我不太了解您的解释。我正在尝试以新的故事板方法构建它，因为它很容易并且不需要任何编程（这就是苹果所说的）。如果您可以提供更多详细信息，例如在哪里输入代码或如何像任何教程、视频等那样输入代码，这将有所帮助。对不起，我是新手，所以太愚蠢了。

没关系。我添加了一些代码（直接输入，没有文本）。如果您仍有问题或需要更多信息，请告诉我。

谢谢，现在似乎工作得更好了，现在我只需要学习如何正确使用它。非常感谢你。会尝试勾选你的答案，可以投票，因为我是新人