Android レイアウトの境界線を表示して開発速度を上げる

Android Studioで開発をしている場合、デフォルトのLayout Viewerや最近実装されたConstraint Layoutでだいぶデザインの調整がしやすくなっているのですが、いかんせんアプリを動かしてみると想定外のバグが発生してしまします。

そこで、アプリを起動しながらレイアウトの境界線を表示する方法を紹介したいと思います。

レイアウトの境界線の表示方法

まず、初めにAndroidの設定画面を開き端末情報をタップします。

そして下の方にスクロールして言うと ビルド番号 と書かれたところがあるので、そこを7回ほどタップします。

すると 開発者向けオプション という新しい項目が出てくるのでそちらをタップします。

そして、下の方にスクロールしていくと レイアウト境界を表示 とあるので、そちらをオンにします。

するとこのようにレイアウトの境界線が表示されるのです。

レイアウトの境界線が表示されることで、細かいデザインの修正（パッディングやマージン）を効率的に行うことができ、また今まで気づかなかったバグを見つけるなど良いことづくしです。（見た目も厨二病っぽくてカッコ良いですね笑）

Smashing Android UI レスポンシブUIとデザインパターン

中二病大事典

Android Security Internals: An In-Depth Guide to Android's Security Architecture