Как настроить subviews с AutoLayout в UIScrollView программно?

Ответ 1

Вот ответ SO объяснил, как это сделать с автоматическим макетом, он прекрасно объясняет: здесь есть вертикальные текстовые поля, но в вашем случае это вам нужно установить ограничения горизонтального вида.

Alternative

Скорее это ограничение установки вы можете установить только кадр подвью и установить его в Scrollview, и на основе ориентации вы можете изменить кадры подпрограммы scrolview.

Ваш метод setData,

-(void)setData{

    [self layoutIfNeeded];
    CGRect mainFrame=scrollView.frame;
    CGRect frame;
    for (int i=0; i<arrayData.count ; i++)
    {
        CGRect frame;
        frame.origin.x = scrollView.frame.size.width * i;
        frame.origin.y = 0;
        frame.size = scrollView.frame.size;

        frame.origin=CGPointMake(0, 0);
        UIView *subview = [[UIView alloc]initWithFrame:frame];
        subview.backgroundColor = [self getRandomColor];
        [scrollView addSubview:subview];
    }
    scrollView.contentSize = CGSizeMake(scrollView.frame.size.width * arrayData.count, mainFrame.size.height/2);
}

Теперь вы используете NSNotificationCenter, вы можете получать уведомления о том, как настроить ориентацию устройства, поэтому в этом методе выбора вы вызываете свой метод setData,

[[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(setData)
                                                 name:UIDeviceOrientationDidChangeNotification
                                               object:nil];

Теперь, когда вы устанавливаете метод setData, вам нужно удалить все подзаголовки, потому что, когда устройство меняет ориентацию, оно добавит новые виды в ваш scrollview, поэтому удалите все subview из Scrollview перед установкой его фрейма,

        [scrollView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];

Убедитесь, что вы удаляете наблюдателя из своего класса, например

- (void)dealloc
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

Ответ 2

В моем опыте с AutoLayout (что я тоже использую программно). Не следует добавлять представления непосредственно к UIScrollView.

Вы должны сделать один UIView и только один, который вы добавите в качестве подзаголовка вашего UIScrollView.

Как только это будет сделано, вы можете добавить все ваши подпрограммы к этому UIView.

Здесь подробно объяснено: Техническая нота Apple iOS TN2154

Ответ 3

Я знаю, что проблема решена. и я надеюсь, что это решение поможет мне некоторым людям, поэтому я отправляю его.

Ниже приведен код для добавления прокрутки в uiviewcontroller

  self.scrollView = UIScrollView()
    self.scrollView.backgroundColor = UIColor.greenColor()
    self.scrollView.setTranslatesAutoresizingMaskIntoConstraints(false)
    self.scrollView.scrollEnabled=true
    self.scrollView.pagingEnabled = true
    self.view.addSubview(self.scrollView)

    self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView":self.scrollView]))

    self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView":self.scrollView]))

После добавления scrollview и добавления подвью/изображений, подобных этому (это пример для изображений, отображаемых в полном размере scrollview, например, в приложении для фотографий)

var prev:UIImgeView?

        for var index = 0; index < self.images.count; ++index {
            var iview = UIImgeView()
            iview.setTranslatesAutoresizingMaskIntoConstraints(false)
            self.scrollView.addSubview(iview)
            var image = self.images.objectAtIndex(index) as UIImage
            iview.image = image
            if (index == 0){
                self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[iview(==scrollView)]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["iview":iview,"scrollView":self.scrollView]))
                prev = iview

            }
            else{
                self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:[prev][iview(==prev)]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["iview":iview,"prev":prev!]))
                prev = iview
            }
            self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[iview(==scrollView)]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["iview":iview,"scrollView":self.scrollView]))

            if (index == self.images.count-1){
                self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:[prev]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["prev":prev!]))

            }

        }

Ответ 4

Если вы хотите, чтобы ваш TKScroller был зафиксирован в центре и поддерживал изменения ориентации, вы можете просто поместить следующий код в свой init

self.autoresizingMask = UIViewAutoresizingFlexibleWidth;

и вам может потребоваться проверить все ваши подпрограммы TKScroller. Если вам не нравится автосоздание, вы можете установить (один из трех)

self.autoresizingMask = UIViewAutoresizingFlexibleRightMargin;
self.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin;
self.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin|UIViewAutoresizingFlexibleRightMargin;