Android開発にてレイアウト設計・調整している際に、Viewが上手く配置できない時ってありますよね。そんな時に、どのような画面構成となっているかを把握するための機能が、「レイアウト境界を表示」になります。レイアウト境界を表示したエミュレータで Google Play ストア を起動してみると、以下の画面になります。<img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/8074f622a7254af1801d048cbc1af369/image_1.png?w=270&amp;h=480" alt="">このような形で、各Viewがどのような配置されているか、余白（ピンク部分）がどのような設定になっているかを把握することができます。

レイアウト境界を表示とは

「レイアウト境界を表示」は開発者向けオプション内に存在します。開発者向けオプションを有効にしたい場合は、以下の手順が必要です。 設定アプリの中に存在する「ビルド番号」を探します。※ほとんどのデバイスは、設定＞端末情報にあると思います。 <img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/3f92743ed0c84f9bbcf2d946054f9c49/image_2.png?w=270&amp;h=480" alt=""> ビルド番号を見つけたら、ビルド番号を連打します。 連打すると、↓のようなトーストが表示されて、<img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/78881e68e6884c0abaad62321cb3fe1a/image_3.png?w=270&amp;h=480" alt=""> さらに連打を続けると、<img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/18ef5d2621424f34a8f3c0139ee04523/image_4.png?w=270&amp;h=480" alt=""> 開発者向けオプションが有効になりました。

1.開発者向けオプションを有効にする

開発者向けオプションが有効なったら、設定アプリ内から「開発者向けオプション」のメニューを探します。 Pixel（エミュレータ）では、設定＞システム＞詳細設定にありました。開発者向けオプションを見つけたら項目をタップし、「レイアウト境界を表示」を探します。 <img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/d89a4ff5784645c0bc7cf9251969c52c/image_5.png?w=270&amp;h=480" alt=""> レイアウト境界を表示を見つけたら有効に切り替えることにより、機能が有効になります。

2.レイアウト境界を表示を有効にする

レイアウト境界を表示を設定する

レイアウト境界を表示することにより、デバックが楽になったり、デザインの幅が拡がったりと良いことずくめかと思います。（個人的にもレイアウト調整に行き詰った時にいつも使用しています。）ぜひ利用してみてください。

まとめ

Android開発の便利機能　～レイアウトのデバック編～

Android Debug Bridge（以下、ADB）は、開発者がAndroidデバイスと通信するためのコマンドラインツールです。ADBを使用することで、デバイスのデバッグ、アプリのインストール、ファイルの転送、ログの確認、さらにはシステムレベルでの操作が可能になります。

Android Debug Bridge（ADB）について

ADBコマンドを使用するためには、Googleの公式Android開発者ページから、SDK Platform Toolsを<a href="https://developer.android.com/tools/releases/platform-tools?hl=ja" target="_blank" rel="noopener noreferrer">ダウンロード</a>します。

SDK Platform-Toolsのインストール

ダウンロードしたSDK Platform Toolsを任意のディレクトリ（C:\adbなど）に展開し、「adb.exe」が含まれていることを確認する。<img src="https://images.microcms-assets.io/assets/b30d7661c2694503832399a83cea2137/5c42fe894ac640fbaa860b62cfc76a66/image.png" alt="">

SDK Platform Toolsの展開

展開したSDK Platform Toolsをシステム環境変数に登録します。手順は以下の通り。手順１：コントロールパネルから「システムとセキュリティ」 &gt; 「システム」 &gt; 「システムの詳細設定」 &gt; 「環境変数」を選択。手順２：「システム環境変数」の中の<code>Path</code>を選択して「編集」をクリック。手順３：「新規」をクリックし、ADBがインストールされたディレクトリのパスを追加（例：<code>C:\adb</code>）。手順４：全てのダイアログをOKで閉じて設定を反映させます。

システム環境返変数の登録

コマンドプロンプトを起動し、以下のコマンドを実行します。<pre><code>adb --version</code></pre> Android Debug Bridgeのバージョンが表示されれば、環境構築は完了です！

BuildersIO produced by YOKU

たっくん

たっくんが執筆した記事

Android開発の便利機能　～レイアウトのデバック編～

Android Debug Bridge（ADB）コマンドの環境構築

Nuxt.jsをS3にデプロイしてCloudFront経由でアクセスする

AWS CodeCommitからSSH接続でgit cloneする

【React】React Hook Formでフォーム分割して送信時にデータ結合する

Nuxt.jsをS3にデプロイしてCloudFront経由でアクセスする

AWS CodeCommitからSSH接続でgit cloneする

【React】React Hook Formでフォーム分割して送信時にデータ結合する

たっくん

たっくんが執筆した記事

Android開発の便利機能 ～レイアウトのデバック編～

Android Debug Bridge（ADB）コマンドの環境構築

Android開発の便利機能　～レイアウトのデバック編～