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

时间:2013-01-30 11:15:17

标签: ios xcode uiscrollview uiimageview uitextview

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

在android中我能够在滚动布局中放置多个ImageView和TextViews,但我无法在故事板Xcode 4.5 / 4.6中执行此操作。

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

我希望能够创建一个包含许多文本行和图像的长滚动页面,您可能已从下图中了解到这一点。

提前致谢

抱歉无法发布图片。可以再试一次或发布网站链接。

1 个答案:

答案 0 :(得分:2)

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

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

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

  4. 通常,只要您以编程方式执行此操作即可。

    一些代码(没有测试):

    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:如果你想用笔尖做,我可以找到一些捕获。