Как центрировать подвид UIView

У меня есть UIViewвнутренний UIViewметр, и я хочу, чтобы внутренний UIViewвсегда был по центру внутри внешнего, без необходимости изменять ширину и высоту.

Я установил распорки и пружины так, чтобы они находились сверху / слева / справа / снизу, без изменения размера. Но все равно не в центре. Любая идея?

Objective-C

yourSubView.center = CGPointMake(yourView.frame.size.width  / 2, 
                                 yourView.frame.size.height / 2);

стриж

yourSubView.center = CGPoint(x: yourView.frame.size.width  / 2,
                             y: yourView.frame.size.height / 2)

Вы можете это сделать, и это всегда будет работать:

child.center = [parent convertPoint:parent.center fromView:parent.superview];

И для Swift:

child.center = parent.convert(parent.center, from:parent.superview)

Прежде чем мы начнем, напомним, что исходной точкой является верхний левый угол. CGPoint вида. Важно понимать взгляды и родителей.

Давайте посмотрим на этот простой код, контроллер представления, который добавляет к нему черный квадрат:

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        createDummyView()
        super.view.backgroundColor = UIColor.cyanColor();
    }

    func createDummyView(){
        var subView = UIView(frame: CGRect(x: 15, y: 50, width: 50 , height: 50));
        super.view.addSubview(subView);
        view.backgroundColor = UIColor.blackColor()
    }

}

Это создаст это представление: начало и центр черного прямоугольника соответствуют тем же координатам, что и его родительский элемент.

Теперь давайте попробуем добавить subView другой SubSubView и дать subSubview то же происхождение, что и subView, но сделать subSubView дочерним представлением subView

Мы добавим этот код:

var subSubView = UIView();
subSubView.frame.origin = subView.frame.origin;
subSubView.frame.size = CGSizeMake(20, 20);
subSubView.backgroundColor = UIColor.purpleColor()
subView.addSubview(subSubView)

И вот результат:

Из-за этой строки:

subSubView.frame.origin = subView.frame.origin;

Вы ожидаете, что начало координат пурпурного прямоугольника будет таким же, как у его родительского (черный прямоугольник), но оно проходит под ним, и почему это так? Поскольку, когда вы добавляете представление к другому представлению, фрейм subView "world" теперь становится его родительским BOUND RECTANGLE, если у вас есть представление, что его начало на главном экране находится в координатах (15,15) для всех его подвидов, верхний левый угол будет (0,0)

Вот почему вам нужно всегда ссылаться на родительский элемент через связанный прямоугольник, который является «миром» его подвидов, давайте исправим эту строку:

subSubView.frame.origin = subView.bounds.origin;

И посмотрите на волшебство, subSubview теперь находится точно в своем родительском источнике:

Итак, вам нравится: «Хорошо, я только хотел сосредоточить свое мнение на взгляде родителей, в чем дело?» ну, в этом нет ничего страшного, вам просто нужно «перевести» родительскую центральную точку, которая берется из этого кадра, в родительский центр границ, выполнив следующие действия:

subSubView.center = subView.convertPoint(subView.center, fromView: subSubView);

Вы фактически говорите ему: «Возьми родительский центр просмотра и преобразуй его в мир subSubView».

И вы получите такой результат:

Я хотел бы использовать:

self.childView.center = CGPointMake(CGRectGetMidX(self.parentView.bounds),
                                    CGRectGetMidY(self.parentView.bounds));

Мне нравится использовать CGRectопции ...

SWIFT 3:

self.childView.center = CGPoint(x: self.parentView.bounds.midX,
                                        y: self.parentView.bounds.midY);

1. Если у вас включена автоматическая раскладка:

• Подсказка: для центрирования представления на другом представлении с автоматическим размещением вы можете использовать тот же код для любых двух представлений, совместно использующих хотя бы одно родительское представление.

Прежде всего отключите автоматическое изменение размеров дочерних представлений

UIView *view1, *view2;
[childview setTranslatesAutoresizingMaskIntoConstraints:NO];

1. Если вы используете UIView + Autolayout или Purelayout :

   [view1 autoAlignAxis:ALAxisHorizontal toSameAxisOfView:view2];
   [view1 autoAlignAxis:ALAxisVertical toSameAxisOfView:view2];

2. Если вы используете только методы автоматического размещения на уровне UIKit:

   [view1 addConstraints:({
       @[ [NSLayoutConstraint
          constraintWithItem:view1
          attribute:NSLayoutAttributeCenterX
          relatedBy:NSLayoutRelationEqual
          toItem:view2
          attribute:NSLayoutAttributeCenterX
          multiplier:1.f constant:0.f],
   
          [NSLayoutConstraint
           constraintWithItem:view1
           attribute:NSLayoutAttributeCenterY
           relatedBy:NSLayoutRelationEqual
           toItem:view2
           attribute:NSLayoutAttributeCenterY
           multiplier:1.f constant:0.f] ];
   })];

2. Без автопрокладки:

Я предпочитаю:

UIView *parentView, *childView;
[childView setFrame:({
    CGRect frame = childView.frame;

    frame.origin.x = (parentView.frame.size.width - frame.size.width) / 2.0;
    frame.origin.y = (parentView.frame.size.height - frame.size.height) / 2.0;

    CGRectIntegral(frame);
})];

Самый простой способ:

child.center = parent.center

Установите эту маску с автоизменением размеров на свой внутренний вид.

С IOS9 вы можете использовать API привязки макета.

Код будет выглядеть так:

childview.centerXAnchor.constraintEqualToAnchor(parentView.centerXAnchor).active = true
childview.centerYAnchor.constraintEqualToAnchor(parentView.centerYAnchor).active = true

Преимущество этого перед CGPointMakeили в CGRectтом, что с помощью этих методов вы устанавливаете центр представления на константу, но с помощью этого метода вы устанавливаете отношения между двумя представлениями, которые будут сохраняться вечно, независимо от того, как parentviewизменения.

Только обязательно перед этим сделайте:

        self.view.addSubview(parentView)
        self.view.addSubView(chidview)

и установить translatesAutoresizingMaskIntoConstraintsдля каждого представления значение false.

Это предотвратит сбой и вмешательство AutoLayout.

Ты можешь использовать

yourView.center = CGPointMake(CGRectGetMidX(superview.bounds), CGRectGetMidY(superview.bounds))

И в Swift 3.0

yourView.center = CGPoint(x: superview.bounds.midX, y: superview.bounds.midY)

Самый простой способ сделать это - использовать один и тот же центр в представлении и дополнительном представлении. Вы можете сделать что-то вроде этого,

UIView *innerView = ....;
innerView.view.center = self.view.center;
[self.view addSubView:innerView];

Другое решение с использованием PureLayoutautoCenterInSuperview .

// ...
UIView *innerView = [UIView newAutoLayoutView];
innerView.backgroundColor = [UIColor greenColor];
[innerView autoSetDimensionsToSize:CGSizeMake(100, 30)];

[outerview addSubview:innerView];

[innerView autoCenterInSuperview];

Вот как это выглядит:

В C # или Xamarin.ios мы можем использовать вот так

imageView.Center = новый CGPoint (tempView.Frame.Size.Width / 2, tempView.Frame.Size.Height / 2);

Я хотел бы использовать:

child.center = CGPointMake(parent.bounds.height / 2, parent.bounds.width / 2)

Это просто, коротко и мило. Если вы используете ответ @ Hejazi выше и для parent.centerнего установлено что-либо, кроме (0,0)вашего subview, не будет центрировано!

func callAlertView() {

    UIView.animate(withDuration: 0, animations: {
        let H = self.view.frame.height * 0.4
        let W = self.view.frame.width * 0.9
        let X = self.view.bounds.midX - (W/2)
        let Y = self.view.bounds.midY - (H/2)
        self.alertView.frame = CGRect(x:X, y: Y, width: W, height: H)
        self.alertView.layer.borderWidth = 1
        self.alertView.layer.borderColor = UIColor.red.cgColor
        self.alertView.layer.cornerRadius = 16
        self.alertView.layer.masksToBounds = true
        self.view.addSubview(self.alertView)

    })


}// calculation works adjust H and W according to your requirement