tsurutanのつぶやき

これが、破壊的イノベーションだっっっ!!

スポンサーリンク

広告

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

f:id:tsurutan:20161004220116j:plain

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

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

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

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

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

f:id:tsurutan:20161004214920j:plain

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

f:id:tsurutan:20161004214937j:plain

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

f:id:tsurutan:20161004214947j:plain

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

f:id:tsurutan:20161004215048j:plain

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

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

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

中二病大事典

中二病大事典

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

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

スポンサーリンク

広告