Comment faire pour centrer une sous-vue de UIView

Objective-C

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

Swift

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

Avant, nous allons commencer, nous allons simplement rappeler que le point d'origine est le coin Supérieur Gauche CGPoint de vue.
Une chose importante à comprendre au sujet des points de vue et les parents.

Permet de jeter un oeil à ce simple code, une-vue-contrôleur qui ajoute à la vue d'un carré noir:

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()
    }

}

Cela va créer ce point de vue:
le rectangle noir origine et au centre à fait avec les mêmes coordonnées que c'est parent

Maintenant, nous allons essayer d'ajouter un autre sous-vue SubSubView, et de donner subSubview même origine que le sous-vue, mais de faire de la subSubView un enfant en vue de la sous-vue

Nous allons ajouter ce code:

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

Et voilà le résultat:

À cause de cette ligne:

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

Que vous attendez pour le rectangle violet l'origine pour être la même que celle du parent (le rectangle noir), mais il passe sous elle, et pourquoi?
Parce que lorsque vous ajoutez un affichage à un autre point de vue, la sous-vue frame "monde" est maintenant celle du parent LIÉ RECTANGLE, si vous avez un point de vue que c'est d'origine sur l'écran principal est à coords (15,15) pour tous les sous-points de vue, le coin supérieur gauche de (0,0)

C'est pourquoi vous devez toujours vous référer à un parent par il est lié rectangle, qui est le "monde" de la il est sous-vues, permet de fixer cette ligne:

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

Et voir la magie, la subSubview est maintenant situé exactement à celle du parent d'origine:

Alors, vous aimez "ok je ne voulais centre de mon point de vue par mes parents, quel est le big deal?"
eh bien, ce n'est pas une grosse affaire, vous avez juste besoin de "traduire" le parent point central qui est prise d'image du parent du centre de limites
en faisant ceci:

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

Que vous êtes en train de lui dire "prendre les parents centre de la vue, et de le convertir en subSubView monde".

Et vous obtiendrez ce résultat:

1. Si vous avez de la mise en page automatique activée:

• Conseil: Pour centrer une vue sur un autre point de vue avec mise en page automatique, vous pouvez utiliser le même code pour toutes les deux points de vue partageant au moins un parent de la vue.

Tout d'abord désactiver les vues enfant d'un redimensionnement automatique

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

1. Si vous êtes UIView+mise en page automatique ou Purelayout:

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

2. Si vous utilisez uniquement UIKit niveau de la mise en page automatique méthodes:

   [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. Sans mise en page automatique:

Que je préfère:

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);
})];

Définir ce d'un redimensionnement automatique de masque à votre point de vue interne.

Vous pouvez utiliser

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

Et Swift 3.0

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

Une autre solution avec PureLayout à l'aide de autoCenterInSuperview.

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

[outerview addSubview:innerView];

[innerView autoCenterInSuperview];

C'est ce à quoi ça ressemble:

En c# ou Xamarin.ios, on peut utiliser comme cette

imageView.Centre = new CGPoint(tempView.Cadre.Taille.Largeur /2,
tempView.Cadre.Taille.Hauteur /2);