So zentrieren Sie eine Unteransicht von UIView

Ich habe ein UIViewInneres in einem UIViewm und ich möchte, dass das Innere UIViewimmer in dem Äußeren zentriert ist, ohne dass es die Breite und Höhe ändern muss.

Ich habe die Streben und Federn so eingestellt, dass sie oben / links / rechts / unten sind, ohne die Größe zu ändern. Aber es zentriert sich immer noch nicht. Irgendeine Idee?

Ziel c

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

Schnell

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

Sie können dies tun und es wird immer funktionieren:

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

Und für Swift:

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

Bevor wir beginnen, möchten wir Sie nur daran erinnern, dass der Ursprungspunkt die obere linke Ecke CGPointeiner Ansicht ist. Eine wichtige Sache, um über Ansichten und Eltern zu verstehen.

Schauen wir uns diesen einfachen Code an, einen Ansichts-Controller, der seiner Ansicht ein schwarzes Quadrat hinzufügt:

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

}

Dadurch wird diese Ansicht erstellt: Der Ursprung und die Mitte des schwarzen Rechtecks ​​passen zu denselben Koordinaten wie das übergeordnete Element

Versuchen wir nun, subView eine weitere SubSubView hinzuzufügen und subSubview denselben Ursprung wie subView zuzuweisen, machen subSubView jedoch zu einer untergeordneten Ansicht von subView

Wir werden diesen Code hinzufügen:

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

Und das ist das Ergebnis:

Wegen dieser Zeile:

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

Sie erwarten, dass der Ursprung des lila Rechtecks ​​mit dem des übergeordneten Rechtecks ​​(dem schwarzen Rechteck) identisch ist, aber er geht darunter, und warum ist das so? Wenn Sie einer anderen Ansicht eine Ansicht hinzufügen, ist der SubView-Frame "world" jetzt das übergeordnete BOUND RECTANGLE. Wenn Sie die Ansicht haben, dass der Ursprung auf dem Hauptbildschirm für alle Unteransichten in Koordinaten (15,15) liegt, ist der obere linke Ecke ist (0,0)

Aus diesem Grund müssen Sie immer auf ein übergeordnetes Element verweisen, indem es ein gebundenes Rechteck bildet, das die "Welt" seiner Unteransichten darstellt. Lassen Sie uns diese Zeile auf Folgendes korrigieren:

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

Und sehen Sie die Magie, die Unteransicht befindet sich jetzt genau in ihrem übergeordneten Ursprung:

Du magst also "ok, ich wollte meine Sicht nur auf die Sicht meiner Eltern zentrieren, was ist die große Sache?" Nun, es ist keine große Sache, Sie müssen nur den übergeordneten Mittelpunkt "übersetzen", der von seinem Rahmen zum übergeordneten Grenzzentrum genommen wird, indem Sie Folgendes tun:

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

Sie sagen ihm tatsächlich: "Nehmen Sie das Eltern-Ansichtszentrum und konvertieren Sie es in die subSubView-Welt."

Und Sie erhalten dieses Ergebnis:

Ich würde ... benutzen:

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

Ich benutze gerne die CGRectOptionen ...

SWIFT 3:

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

1. Wenn Sie das automatische Layout aktiviert haben:

• Tipp: Um eine Ansicht mit Autolayout auf eine andere Ansicht zu zentrieren, können Sie denselben Code für zwei beliebige Ansichten verwenden, die mindestens eine übergeordnete Ansicht gemeinsam nutzen.

Deaktivieren Sie zunächst die automatische Größenänderung von untergeordneten Ansichten

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

1. Wenn Sie UIView + Autolayout oder Purelayout sind :

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

2. Wenn Sie nur Autolayout-Methoden auf UIKit-Ebene verwenden:

   [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. Ohne Autolayout:

Ich bevorzuge:

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

Der einfachste Weg:

child.center = parent.center

Stellen Sie diese automatische Größenmaske auf Ihre innere Ansicht ein.

Mit IOS9 können Sie die Layout-Anker-API verwenden.

Der Code würde folgendermaßen aussehen:

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

Dies hat den Vorteil gegenüber CGPointMakeoder CGRectbesteht darin, dass Sie mit diesen Methoden den Mittelpunkt der Ansicht auf eine Konstante setzen, mit dieser Technik jedoch eine Beziehung zwischen den beiden Ansichten festlegen, die für immer gültig ist, unabhängig davon, wie sich die parentviewÄnderungen ändern.

Stellen Sie einfach sicher, bevor Sie dies tun:

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

und das translatesAutoresizingMaskIntoConstraintsfür jede Ansicht auf false zu setzen.

Dies verhindert Abstürze und AutoLayout-Interferenzen.

Sie können verwenden

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

Und in Swift 3.0

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

Die Verwendung derselben Mitte in der Ansicht und Unteransicht ist der einfachste Weg, dies zu tun. Sie können so etwas tun,

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

Eine andere Lösung mit PureLayout mit autoCenterInSuperview.

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

[outerview addSubview:innerView];

[innerView autoCenterInSuperview];

So sieht es aus:

In c # oder Xamarin.ios können wir dies verwenden

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

Ich würde ... benutzen:

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

Das ist einfach, kurz und süß. Wenn Sie die Antwort von @ Hejazi oben verwenden und parent.centerauf etwas anderes als (0,0)Ihre Unteransicht eingestellt sind, wird sie nicht zentriert!

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