UIViewトランスフォーム、オートレイアウト、アンカーポイント

Question

私はios 9 sdkを使用しています。私は両方向に80％でスケーリング二のCustomView（Bそれを呼び出す）最初の後ろを（Aそれを呼び出す）、作成しようと、上記のよ

----- Top 
    | 30 
----- CustomView (A) 
    | 
    | 
----- 
    | 0 
----- Bot 

：私はautoloayoutと、このビュー階層のセットアップを作成しました5ポイント。 Bの上部だけが見えます。

これは簡単なはずですが、そうではありません。 autolayoutがBの位置にアンカーポイント（デフォルトでは中央に設定されている）を使用しているように見えるので、Bの-5ポイントの平行移動と.8のスケーリングを適用するとBが上に移動するのではなく下に移動します。 Bを下降させ、それを上下に動かします。

アンカーポイントを（x = 0.5、y = 1）に変更すると、AとBがそのサイズの半分まで移動しますが、理由はわかりません。それで問題は解決しません。

編集：いくつかのコード

var card = new CardView(); 
InsertSubview(card, 0); 

card.TranslatesAutoresizingMaskIntoConstraints = false; 
this.AddConstraints(
      card.AtTopOf(this, 30), 
      card.WithSameWidth(this).WithMultiplier(.95f), 
      card.WithSameCenterX(this), 
      card.AtBottomOf(this) 
      ); 

var transform = CGAffineTransform.MakeTranslation(0, -10); 
transform.Scale(.8f,.8f); 
Transform = transform; 

結果：カードは30ptの元の位置の横に、それはおよそ50ptsであり、上から20ptsではありません。私が見

Answer 1

不適切な制約を追加しています。いくつかの実験の後、私はあなたが望む結果を得ました。キーは、バックグラウンドビューの中心Yを前景ビューの先頭に固定するように見えます。これは、アンカーポイントを変更するときに与えられた垂直シフトをオフセットします。

import UIKit 
import XCPlayground 

let view = UIView(frame: CGRect(origin: .zero, size: CGSize(width: 400, height:400))) 
view.backgroundColor = UIColor.whiteColor() 
XCPlaygroundPage.currentPage.liveView = view 

let a = UIView() 
a.translatesAutoresizingMaskIntoConstraints = false 
a.backgroundColor = UIColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 0.5) 
view.addSubview(a) 
a.topAnchor.constraintEqualToAnchor(view.topAnchor, constant: 30).active = true 
a.widthAnchor.constraintEqualToAnchor(view.widthAnchor).active = true 
a.bottomAnchor.constraintEqualToAnchor(view.bottomAnchor).active = true 

let b = UIView() 
b.translatesAutoresizingMaskIntoConstraints = false 
b.backgroundColor = UIColor(red: 0, green: 1, blue: 0, alpha: 1) 
b.layer.anchorPoint = CGPoint(x: 0.5, y: 0) 
view.addSubview(b) 
view.sendSubviewToBack(b) 
NSLayoutConstraint.activateConstraints([ 
    b.centerYAnchor.constraintEqualToAnchor(a.topAnchor), 
    b.widthAnchor.constraintEqualToAnchor(a.widthAnchor), 
    b.heightAnchor.constraintEqualToAnchor(a.heightAnchor), 
    b.centerXAnchor.constraintEqualToAnchor(a.centerXAnchor) 
]) 
let translate = CGAffineTransformMakeTranslation(0.0, -10) 
let scale = CGAffineTransformMakeScale(0.8, 0.8) 
b.transform = CGAffineTransformConcat(translate, scale) 

結果：：

Answer 2

2の可能なアプローチは、以下のとおりです。
- その後、ビュー階層
または
に追加し、第1のスケール - あなたはビュー階層に追加する前に、ビューBのanchorpointを変更します。その後、あなたはそれをあなたが望むように変形することができます。