CODEWITHSUNDEEP
iosxcodeuiscrollviewuiimageviewuitextview
Maz
Maz

Reputation: 43

How do I put images and text in the same layout in XCode

this is my first post. How can I add text and images to an app. i am only making an image, text and button based app and have made it for android as the picture shows below. I am now trying to do this in iOS but i am unable to place image after text followed by text again.

In android I was able to put multiple ImageView and TextViews inside a scroll layout, but I am unable to do this in storyboard Xcode 4.5/4.6.

If you could give me simple ideas to fix reproduce the same style of layouts in Xcode for iPhone and iPad, it would be great. I am not familiar with Xcode, so if it is possible to solve this easily, could you please help.

I want to be able to make a long scrollable page with many text line and images as you may have already understood from the image below.

Thanks in advance

Sorry was unable to post image. may try again or post website link.

Upvotes: 0

Views: 3729

Answers (1)

swang
swang

Reputation: 250

  1. You need to create a UIScrollView -> init UIScrollView with frame and add it to your app, set the content size of your scroll view.

  2. Create the UILabel for the text. -> init UILabel with frame and text, add to your scroll view as a subview.

  3. Create the UIImageView for the image -> init UIImageView with frame and image, add to your scroll view as a subview.

Typically, that is all if you do it in the way programmatically.

some code (without test):

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: If you want do it with nib, I could find some capture for you.

Upvotes: 2

Related Questions