UITableView.animateの挙動について

Question

以下の内容でアニメーションで移動する挙動を確認したところ、
想定
0. それぞれ画面の左から右に移動
0. 紫のUIViewは水色よりも左から移動
0. 移動後のそれぞれのUIViewのx軸上の位置は同じ
✳︎各UIViewのlayer.position.xは187.0

実際
0. どちらのUIViewも画面の右から左に移動
0. アニメーションの起点となる位置は、水色より紫のViewの方がより右の位置を起点となっていた

layer.position.xにアニメーションの起点の位置を設定し、storyboardで指定した位置に移動する
その起点は左から０だと思っていたのですが、動作を見る限り違うようです。
★3を有効にすると左から移動するのは確認したのですが、今ひとつlayer.position.xの考え方が理解できていないので、教えてほしいです。

storyboard

@IBOutlet weak var viewLightBlue: UIView!
@IBOutlet weak var viewPurple: UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view.
    
    UITableView.animate(
        withDuration: 2.0,
        delay: 1.5,
        options: .curveEaseInOut,
        animations: {
            // ★1ここの数値が違う
            self.viewLightBlue.layer.position.x = 100
    },
        completion: {
            bool in
            self.viewLightBlue.backgroundColor = UIColor.green
    })
    
    // ★3 layer.position.x -= self.view.frame.width
    UITableView.animate(
        withDuration: 2.0,
        delay: 1.5,
        options: .curveEaseInOut,
        animations: {
            // ★2ここの数値が違う
            self.viewPurple.layer.position.x = 0
    },
        completion: {
            bool in
            self.viewPurple.backgroundColor = UIColor.green
    })
    
}

動作確認
始点（水色：slayer.position.x = 100、紫：layer.position.x = 0）

終点（ストーリーボードで指定した位置に移動）

Answer 1

UIView.animate()のanimationsで指定するのは、移動先の座標（アニメーション完了時の状態）です。
アニメーションは、現在位置から指定位置へです。
今の実装だと、viewLightBlue：x 187.0 → x 100.0（右から左）、viewPurple：x 187.0 → x 0.0（右から左）へ移動します。

Comments

[msd]

ご回答ありがとうございます。
★のposition.xへの値代入が最終的な移動先ということであれば、右から左に移動するのは納得しました。

ただ、追記したのですが、移動後の結果はどちらも横の位置が同じになっています。
共に187.0地点から開始して、移動先が違っていれば分かるのですが、
開始地点が違っていて、移動先が同じ状態になっているのがよく分からない状態です。
私の理解が足りなくて誤解していればすみません。

[dsuzuki]

> 開始地点が異なる
具体的にどの位置でしょうか。
storyboardと異なるのなら、ソースコード上、その座標を指定している処理はありませんか。
> 移動先が同じ
もしかしてソースコードの同じ@IBOutletへ、storyboard上のLightBlueとPurpleを紐付けていませんか。

[msd]

動作確認結果を追加しました。

>もしかしてソースコードの同じ@IBOutletへ、storyboard上のLightBlueとPurpleを紐付けていませんか。
@IBOutletの黒マルをマウスオーバーするとStoryboard上のそれぞれ別々のViewに紐づけられています。
※初心者なので、確認方法が違っていればすみません。

[dsuzuki]

質問のソースコードそのままに、サンプルアプリを作成しましたが、
画面中央に上下に並んだ□が、中央から左側へ移動し、下の□が上の□よりも左側へ移動しています。
質問欄以外のソースコードはありますか？
（UIView.animateではなく、UITableView.animateを使用されているので、他にUITableView
が存在していたり?）

[msd]

ソースはないですが、おかしな設定をしているのかもしれません。
知りたかったのは、swift上でのUITableView.animateの挙動だったので、ご回答内容でanimationsに記載した内容が移動先であることことが分かりました。
ありがとうございます。助かりました。