Adding SubViews Programatically Below Each Other

Question

I want to add a set of UITextFields programatically. The amount of UITextFields do not know and it will be created in a For Loop. I can perform this, but the problem is which created UILabels placed on top of each other. How can I place some constraints which are placed below each other.

currently my code is the following:

For Loop...
{
  let Description = UILabel(frame: CGRectMake(20, 100, 300, 40))
                    Description.font = UIFont.systemFontOfSize(18)
  ...
  self.view.addSubview(Description)
  // StackView.addSubview(Description)  
  // I TRIED ADDING A STACK VIEW BUT HAD THE SAME EFFECT.
}

Tejas Ardeshna · Accepted Answer · 2015-11-05 15:11:08Z

2

try this one

 var y = 100
    For Loop...
        {
                        let Description = UILabel(frame: CGRectMake(20, y, 300, 40))
    y = Description.Frame.size.height
                        Description.font = UIFont.systemFontOfSize(18)
    ...


        self.view.addSubview(Description)

        // StackView.addSubview(Description)  // I TRIED ADDING A STACK VIEW BUT HAD THE SAME EFFECT.


        }

answered Nov 5, 2015 at 15:11

Tejas Ardeshna

4,3832 gold badges24 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nanoc · Accepted Answer · 2015-11-05 14:53:08Z

1

You have to increment the Y value when you create the CGRect.

Store the Y value on an int variable and just increment it to your buttonHeight+desiredMargin on each iteration.

Hope this helps.

answered Nov 5, 2015 at 14:53

Nanoc

2,3811 gold badge21 silver badges37 bronze badges

2 Comments

Rashad.Z Over a year ago

is this the optimal way of performing this? it won't affect different screen sizes?...

Nanoc Over a year ago

You will be using a scrollView right? just dont use a constant value for width

Dekel Maman · Accepted Answer · 2015-11-05 15:11:45Z

1

I'm not in home but you should use code something like that:

var yRect : CGFloat = 100
let padding : CGFloat = 20
For Loop...
    {
     let Description = UILabel(frame: CGRectMake(20, yRect, 300, 40))
                    Description.font = UIFont.systemFontOfSize(18)
yRect += 40
...

self.view.addSubview(Description)
}

answered Nov 5, 2015 at 15:11

Dekel Maman

2,0971 gold badge15 silver badges16 bronze badges

Comments

Anbu.Karthik · Accepted Answer · 2015-11-06 09:14:02Z

1

do like

Step-1

initially Create the Y coordinate and set the height as you like

  var y : CGFloat = 3

Step-2

 for var index1:Int = 0 ; index1 < yourArray.count ; index1++
            {

                        let timerLbl:UILabel = UILabel(frame: CGRectMake(5, y, self.view.frame.size.width, 35)) //UILabel(frame: CGRectMake(50, y, self.view.frame.size.width, 35))
                        timerLbl.textAlignment = .Center
                        timerLbl.textColor = UIColor.clearColor() 
                        timerLbl.text = "00:00"
                        timerLbl.tag =  index1 
                        self.view.addSubview(timerLbl)

                    // continue the other lables

                       // the following line increment your height 
                        y = y + 10 
                    }

edited Nov 6, 2015 at 9:14

answered Nov 5, 2015 at 15:11

Anbu.Karthik

82.8k23 gold badges177 silver badges143 bronze badges

2 Comments

Rashad.Z Over a year ago

if i want the width of the field to fill the view and not be a static value how can i do that?

Anbu.Karthik Over a year ago

if you want to fill the width use self.view.frame.size.width , if it any new device comes in future , it automatically fill the width, check the updated answer , sorry for late reply

Collectives™ on Stack Overflow

Adding SubViews Programatically Below Each Other

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related