TechNote

とあるエンジニアのただのメモ

Xcodeでオブジェクトの上下配置を前面移動/背面移動する3つの方法

Xcodeで、エクセルやパワポみたいにオブジェクトを「前面に移動」「背面に移動」するにはどうしたらいいか?3通りのやり方があったのでメモを残す。

f:id:kojikoji75:20141103194732j:plain
photo credit: sachman75 via photopin cc

サマリー

1.storyboardの「Arrange」を使用する
2.storyboardの「●●Scene」を使用する
3.コードで移動処理を書く






1.storyboardの「Arrange」を使用する

オブジェクトを選択→「Editor」→「Arrange」からの

  • 「Send to Front」(最前面へ)
  • 「Send to Front」(最背面へ)
  • 「Send Forward」(一つ前面へ)
  • 「Send Backward」(一つ背面へ)

f:id:kojikoji75:20141103151208p:plain



2.storyboardの「●●Scene」を使用する

オブジェクトの前後順を一望しながら移動できる最も使い勝手のよい方法。
storyboard画面で、左下(下図)のボタンをクリックすると、「●●Scene」などと書かれたペインが出てくる。
(●●のところにはViewControllerの名前が入ってくる。)

f:id:kojikoji75:20141103151240p:plain

f:id:kojikoji75:20141103151300p:plain


ここに●●(ViewController名)に含まれるオブジェクトが全て表示されているので、ドラッグアンドドロップで上下に移動することで、前面背面設定ができる。ちなみに下のほうが前面方向になっている。


3.コードで移動処理を書く

以下のようなコードを書くことでもオブジェクトを前面や背面に移動できる。

//最前面へ
[self.view bringSubviewToFront:self.titleLabel];
//最背面へ
[self.view sendSubviewToBack:self.titleLabel];

"Front"のときは"bring"、"Back"のときは"send"と、動詞部分も変わっているので注意。

コードで「一つ前面へ」「一つ背面へ」という書き方は、おそらく需要ないだろうから存在しないのかな?


以上

あわせて読みたい

Xcodeで角丸設定cornerRadiusがきかない場合の対応方法 - TechNoteXcodeで角丸設定cornerRadiusがきかない場合の対応方法 - TechNote

photo credit:camflanviaphotopinccvar show_width = document.documentElement.clien...

Xcode iOSシミュレータで enable to run app in Simulator エラー - TechNoteXcode iOSシミュレータで enable to run app in Simulator エラー - TechNote

photo credit:Sean MacEnteeviaphotopinccサマリー1.現象2.対応方法3.リセットはこんなときも役に立ったvar show_...



iOS7開発テクニック集 Xcode編

iOS7開発テクニック集 Xcode編