swift xcodeのユーティリティエリアのような UIを再現したい

Question

私はプログラミング初心者でswift勉強中のものです。
ネットで調べてもそれらしき情報にたどり着けなかったので質問させて頂きます。

xcodeのユーティリティエリアはインスペクターとライブラリで上下に分かれていて、真ん中のバーでインスペクターとライブラリの大きさを自由に調節できると思います。
それと同じようにiphone上でも画面を上と下の二つに分け、真ん中のバーで大きさを自由に調節できるようなUIを作りたいのですが作り方がわかりません。

ご存じの方がいらっしゃいましたらアドバイスよろしくお願いします。

Answer 1

上のビューをTopView, 下のビューとBottomView, スプリッターとなるビューとVSplitterとします。

・TopViewのBottom、BotttomViewのTopをVSplitterにくっつけておきます。
(それ以外の辺は適当にSuperviewにくっつけておきます)
・VSpliterは高さを適当に設定してTopをSuperviewからのオフセットにしておきます。
⇨このTop位置のConstraintをソースに接続しておきます(vSplitterTopConstraint)
・VSpliterにPanGestureRecognizerを追加してSent Actionsをソースに接続しておきます(onPanGestureAction)

あとは以下のような感じでPan Gestureでの移動量をConstraintに足していくとドラッグできます。
毎回setTranslationで移動量を0に戻してやるのがポイントです。

class ViewController: UIViewController {
	@IBOutlet weak var vSplitterTopConstraint: NSLayoutConstraint!

	@IBAction func onPanGestureAction(_ gr: UIPanGestureRecognizer)
	{
		let move = gr.translation(in: self.view)
		
		vSplitterTopConstraint.constant += move.y
		gr.setTranslation(CGPoint.zero, in: self.view)
	}
}

このままだとサイズがマイナスになったらクラッシュするのでその辺は最大最小値を決めるなりしてください。

Comments

[sata]

素早い回答ありがとうございます。
これから挑戦してみようと思います。
本当にありがとうございます。