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

公開日: : 最終更新日:2020/07/09 iOSアプリ開発 ,

記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

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を多用した複雑な画面の編集で便利に活用できました(*´Д`)

    

この記事を書いた人
あきお(@akio0911
派手髪iOSエンジニア。Twitterアカウントは@akio0911。YouTubeチャンネル「あきおチャンネル」にてiOSアプリ開発講座を公開中。著書に「iPhoneアプリ開発レシピ」「cocos2d for iPhoneレッスンノート」など。iOSアプリ開発をテーマとしたオンラインサロン「アプリ道場サロン」を運営。東京・大阪にてアプリ開発講座「アプリクリエイター道場」を主催。

関連記事

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

Twitterで更新情報をゲット!

PAGE TOP ↑