画面レイアウトを作る

さっそく、画面レイアウトを軽く触ってみることとします。

１．layout ディレクトリの下にある main.xml ファイルをダブルクリックして開くと、

以下のような画面が表示されます。

ここでは「パレット」の中にあるアイテムをドラッグ＆ドロップにて簡単に設置することができます。

その他にもレイアウトファイルを作成したりプロパティを設定変更したり、機能が多々ありますので今回は軽く触るだけとします。

● 試しに 「Button」 と 「Textview」 をドラッグ＆ドロップで下へ追加してみると、以下のようになります。

● レイアウト上のButtonを選択すると、プロパティ ウィンドウにButtonのプロパティが表示されます。

【レイアウト】

【プロパティ ウィンドウ】

※表示されていない場合は、メニューから 「ウィンドウ」 → 「ビューの表示」 → 「プロパティ」 を選択すると表示されます。

● Button のプロパティについて、Text を "Button" → "Yes" と書き換えてみます。

● レイアウト上でボタン名が変更されたことが確認できます。

● また、レイアウト画面の下部にあるタブの main.xml をクリックすると、以下のような画面が表示されます。

最終的にはこの中身が全てとなりますので、慣れてきたら xml ファイルを直接編集するようにしましょう。

以上で、簡単ですが画面レイアウトに関する説明を終えます。