Como centralizar uma subvisualização do UIView

Eu tenho um UIViewdentro de um UIViewme quero que o interior UIViewesteja sempre centrado dentro do exterior, sem que seja necessário redimensionar a largura e a altura.

Eu configurei os suportes e molas para que fiquem em cima / esquerda / direita / baixo sem definir o redimensionamento. Mas ainda não está centralizado. Qualquer ideia?

Objetivo-C

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

Rápido

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

Você pode fazer isso e sempre funcionará:

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

E para Swift:

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

Antes de começarmos, lembremos que o ponto de origem é o canto superior esquerdo CGPointde uma visualização. Uma coisa importante a entender sobre pontos de vista e pais.

Vamos dar uma olhada neste código simples, um controlador de exibição que adiciona um quadrado preto:

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

}

Isso criará esta visualização: a origem e o centro do retângulo preto se encaixam nas mesmas coordenadas do pai.

Agora vamos tentar adicionar subView outro SubSubView e dar ao subSubview a mesma origem do subView, mas tornar o subSubView uma visão filho do subView

Adicionaremos este código:

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

E este é o resultado:

Devido a esta linha:

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

Você espera que a origem do retângulo roxo seja a mesma de seu pai (o retângulo preto), mas fica abaixo dele, e por que isso? Como quando você adiciona uma visualização a outra, o quadro "mundo" do subView agora é o pai BOUND RECTANGLE, se você tem uma visão de que sua origem na tela principal está nas cordas (15,15) para todas as sub-vistas, o o canto superior esquerdo será (0,0)

É por isso que você sempre precisa se referir a um pai pelo retângulo vinculado, que é o "mundo" de seus subViews, vamos corrigir esta linha para:

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

E veja a mágica, o subSubview agora está localizado exatamente em sua origem pai:

Então, você gosta de "ok, eu só queria centralizar minha visão pela visão de meus pais, qual é o problema?" bem, não é grande coisa, você só precisa "traduzir" o ponto central pai, que é retirado de seu quadro para o centro de limites dos pais, fazendo o seguinte:

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

Na verdade, você está dizendo a ele "pegue o centro de visualização dos pais e converta-o no mundo subSubView".

E você obterá este resultado:

Eu usaria:

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

Eu gosto de usar as CGRectopções ...

SWIFT 3:

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

1. Se você tiver o pagamento automático ativado:

• Dica: para centralizar uma visualização em outra visualização com o layout automático, você pode usar o mesmo código para quaisquer duas visualizações que compartilhem pelo menos uma visualização pai.

Antes de tudo, desabilite o dimensionamento automático das visualizações filho

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

1. Se você é UIView + Autolayout ou Purelayout :

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

2. Se você estiver usando apenas métodos de pagamento automático no nível do 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. Sem autolayout:

Eu prefiro:

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

A maneira mais fácil:

child.center = parent.center

Defina esta máscara de redimensionamento automático para sua visão interna.

Com o IOS9, você pode usar a API de âncora do layout.

O código ficaria assim:

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

A vantagem deste sobre CGPointMakeou CGRecté que, com esses métodos você está definindo o centro da vista a uma constante, mas com esta técnica você está definindo uma relação entre os dois pontos de vista que irá realizar para sempre, não importa como a parentviewmudanças.

Apenas certifique-se antes de fazer isso:

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

e para definir translatesAutoresizingMaskIntoConstraints de cada visualização como false.

Isso evitará falhas e o AutoLayout interferirá.

Você pode usar

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

E no Swift 3.0

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

Usar o mesmo centro na visualização e na subvisualização é a maneira mais simples de fazê-lo. Você pode fazer algo assim,

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

Outra solução com PureLayout usando autoCenterInSuperview.

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

[outerview addSubview:innerView];

[innerView autoCenterInSuperview];

É assim que se parece:

Em c # ou Xamarin.ios, podemos usar assim

imageView.Center = novo CGPoint (tempView.Frame.Size.Width / 2, tempView.Frame.Size.Height / 2);

Eu usaria:

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

Isso é simples, curto e doce. Se você usar a resposta de @ Hejazi acima e parent.centerestiver definido como algo diferente de (0,0)sua subvisão, não será centralizado!

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