[iphone] UIView의 서브 뷰를 중앙에 배치하는 방법

시작하기 전에 원점이 왼쪽 위 모서리임을 상기시켜 보겠습니다. 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;

자주색 직사각형의 원점이 부모 (검은 색 직사각형)와 같을 것으로 예상되지만 그 아래에 있습니다. 그 이유는 무엇입니까? 다른 뷰에 뷰를 추가 할 때 서브 뷰 프레임 “world”는 이제 상위 BOUND RECTANGLE입니다. 메인 화면에서 원점이 뷰인 경우 뷰의 모든 뷰에 대해 뷰 (15,15)가됩니다. 왼쪽 상단은 (0,0)입니다

그렇기 때문에 subViews의 “세계”인 바운드 사각형으로 부모를 항상 참조 해야하는 이유는 다음과 같습니다.

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

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

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

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