XcodeのStoryboardで部品を選択しやすくする2つの方法

公開日: : iPhoneアプリ開発

20160418-235604.jpg

ストーリーボード上で部品が入り組んでくると選択しづらくなってきますが、そんな状況でも部品を選択しやすくする方法を紹介します。

    

スポンサード リンク

方法その1. Document Outlineを使う

20160418-235910.jpg

この方法は知っている方も多そうですが、Document Outlineを使うと部品が選択しやすくなります。

部品の階層構造をビジュアル的に分かりやすく表示してくれます。

    

20160419-000300.jpg

Editorメニューから「Show Document Outline」を選ぶか、

    

20160419-000419.jpg

あるいはストーリーボード領域の左下にある「Show Document Outline」をクリックすることで表示することができます。

    

方法その2. 部品の上で「shift + 右クリック」あるいは「shift + control + クリック」

20160419-000655.jpg

こちらの方法は知っている方が少ないかもですが、ストーリーボード内の部品上で「shift + 右クリック」あるいは「shift + control + クリック」を行うことで、その部品と、その部品の親部品がリスト表示されます。あとはリスト内から選択したい部品をクリックするだけです。

多数の部品が入れ子になっていたり、UIStackViewなどを多用している場合に威力を発揮すると思います。

    

@akio0911はこう思った。

今回紹介した方法その2は、UIStackViewを多用した複雑な画面の編集で便利に活用できました(*´Д`)

    

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

関連記事

20160807-113229.jpg

UITableViewのリサイズに合わせて一番下のセルを常に一番下に表示する方法

一番下のセルを表示している状態でUITableViewの下端を上に移動させると一番下のセルが隠れ

記事を読む

I20151122-213340.jpg

【入門本】詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift 2 + Xcode 7対応

ソーテック社より「詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift

記事を読む

20141225-223049.jpg

【Xcode6】Auto Layoutで制約のFirst ItemとSecond Itemを逆にする方法

一度追加した制約のFirst ItemとSecond Itemを入れ替える方法について紹介します

記事を読む

20141210-164612.jpg

【Swift】Generated Header内にSwiftクラスの定義が記述されない場合の確認事項【Xcode6】

Swiftで書いたクラスをObjective-Cで使う際には、「Generated Header

記事を読む

20150410-122409.jpg

複数バージョンのXcodeを共存してMacにインストールする方法

いよいよXcode 6.3が正式にリリースされましたね。 今回は複数バージョンのXco

記事を読む

I20160918-133158.jpg

StoryboardでChild View Controllerにデータを渡す方法(Xcode 8 & Swift 3)

Storyboardで、Child View Controllerにデータを渡す方法を紹介します

記事を読む

I20150924-010943.jpg

Swift 2.0で追加されたOptionSetTypeがなかなか便利

Swift 2.0で追加されたOptionSetTypeプロトコルがなかなか便利なので紹介し

記事を読む

20160730-172416.jpg

Auto Layoutで非表示にした部分を詰める(トルツメ)する方法

Auto Layoutを使って非表示にしたコントロールの部分を詰める(トルツメ)方法を説明します

記事を読む

I20160411-122213.jpg

Swift 2.2の変更点をまとめてみた

2016年3月22日、Xcode 7.3と共にSwift 2.2が正式にリリースされました。

記事を読む

20150409-103620.jpg

描いたベクターグラフィックをSwift/Objective-Cコードに変換できる「Paint Code 2」

引用元 : PaintCode ベクターグラフィックを描き、それを描画するためのSwift

記事を読む

PAGE TOP ↑